RTF 編輯器

RTF編輯器是將文字內容輸入AEM的基本建置區塊。 它構成了各種元件的基礎,包括:

  • 文字
  • 文字影像
  • 表格

RTF 編輯器

WYSIWYG編輯對話框提供了多種功能:

cq55_rte_basicchars

注意

可用的功能可針對個別專案進行設定,因此安裝時可能會有所不同。

就地編輯

除了以對話方塊為基礎的RTF編輯模式外,AEM也提供就地編輯模式,當文字顯示在頁面版面中時,可直接編輯文字。

在段落上按兩下(按兩下滑鼠即可進入就地編輯模式)(元件邊框現在會是橘色)。

您將能直接編輯頁面上的文字,而非在對話方塊視窗內。 只需進行變更,系統就會自動儲存。

cq55_rte_inlineediting

注意

如果您已開啟內容尋找器,則索引標籤頂端會顯示包含RTE格式選項的工具列(如上所示)。

如果未開啟內容尋找器,則不會顯示工具列。

目前,已針對​Text​和​Title​元件產生的頁面元素啟用就地編輯模式。

注意

Title​元件設計為包含短文本,不帶換行符。 在「就地編輯模式」中編輯標題時,輸入換行符將開啟標題下方的新​Text​元件。

RTF編輯器的功能

RTF編輯器提供一系列功能,這些取決於個別元件的設定。 觸控最佳化和傳統UI皆提供這些功能。

基本字元格式

您可以在此將格式套用至選取(反白顯示)的字元;有些選項也有快捷鍵:

  • 粗體(Ctrl-B)
  • 斜體(Ctrl-I)
  • 下划線(Ctrl-U)
  • 下標
  • 上標

cq55_rte_basicchars_use

所有動作都可切換,因此重新選取會移除格式。

預定義樣式和格式

cq55_rte_stylesparagh

您的安裝可包含預先定義的樣式和格式。 這些清單可與​Style​和​Format​下拉清單一起使用,並可應用於您已選擇的文本。

樣式可套用至特定字串(與CSS關聯的樣式):

cq55_rte_styles_use

雖然格式已套用至整個文欄位落(格式是以HTML為基礎):

cq55_rte_paragh_use

只能更改特定格式(預設為​Paragraph)。

樣式可移除;將游標置於已應用樣式的文本中,然後按一下移除表徵圖:

注意

實際上,請不要重新選擇已應用樣式或表徵圖將被停用的任何文本。

剪切,複製,貼上

可使用​Cut​和​Copy​的標準函式。 提供了多種類型的​Paste,以適應不同的格式。

  • 剪切(Ctrl-X)

  • 複製(Ctrl-C)

  • 貼上

    這是元件的預設貼上機制(Ctrl-V);當安裝為現成可用時,此設定為「從字貼上」。

  • 貼上為文字

    移除所有樣式和格式,僅貼上純文字。

  • 從 Word 貼上

    這會將內容貼上為HTML(含一些必要的重新格式設定)。

還原,重做

AEM會依時間順序保留目前元件中最近50個動作的記錄。 如有需要,這些動作可以嚴格依序復原(然後重新完成)。

注意

僅為當前編輯會話保留歷史記錄。 每次開啟元件進行編輯時,都會重新啟動。

注意

50是預設的任務數。 對於您的安裝而言,這可能有所不同。

對齊方式

文字可以左對齊、中對齊或右對齊。

cq55_rte_alignment_use

縮排

段落的縮進可以增加或減少。 所選段落將縮進,輸入的任何新文本將保留當前縮進級別。

cq55_rte_indent_use

清單

可在文字中建立項目符號和編號清單。 選擇清單類型並開始鍵入或突出顯示要轉換的文本。 在這兩種情況下,行摘要都會啟動新的清單項目。

嵌套清單可透過縮進一或多個清單項目來達成。

只需將游標置於清單內,然後選取其他樣式,即可更改清單的樣式。 子清單也可以與包含清單有不同的樣式。 建立子清單後(透過縮排),即可套用此項目。

cq55_rte_lists_use

URL的連結(在您的網站內或外部位置)是透過醒目提示所需文字,然後按一下​Hyperlink​圖示來產生:

對話方塊可讓您指定目標URL;以及是否應在新視窗中開啟它。

cq55_rte_link_use

您可以:

  • 直接在URI中鍵入
  • 使用網站地圖在您的網站中選取頁面
  • 輸入URI,然後附加目標錨點;例如www.TargetUri.org#AnchorName
  • 僅輸入錨點(以參考「目前頁面」);例如#anchor
  • 在內容尋找器中搜尋頁面,然後將頁面圖示拖放至超連結對話方塊中
注意

URI可以前面加上為安裝配置的任何協定。 在標準安裝中,這些參數為https://ftp://mailto:。 未為安裝配置的協定將被拒絕,並標籤為無效。

要斷開連結位置,游標將位於連結文本內的任意位置,然後按一下​Unlink​表徵圖:

錨點

錨點可以通過定位游標或選擇某些文本在文本中的任意位置建立。 然後按一下​錨點​圖示以開啟對話方塊。

輸入錨點的名稱,然後按一下「確定」以保存。

cq55_rte_anchor_use

編輯元件時會顯示錨點,現在可用於目標內的連結。

chlimage_1-145

查找和替換

AEM同時提供​Find​和​Replace(find and replace)函式。

這兩者都有一個​Find next​按鈕,用於搜索所指定文本的開啟元件。 您也可以指定是否需要比對大小寫(上/下)。

搜索將始終從文本中的當前游標位置開始。 到達元件結尾時,會顯示訊息,通知您下一個搜尋作業將從頂端開始。

cq55_rte_find_use

Replace​選項可讓您​Find,然後使用指定文字取代​個別執行個體,或取代目前元件中的所有​執行個體。

cq55_rte_findreplace_use

影像

您可以從內容尋找器拖曳影像,將其新增至文字。

cq55_rte_image_use

注意

AEM也提供專用元件,以供進行更詳細的影像設定。 例如,Image​和​Text Image​元件可用。

拼寫檢查器

拼寫檢查器將檢查當前元件中的所有文本。

會強調顯示任何不正確的拼字:

cq55_rte_spellchecker_use

注意

拼字檢查程式會以網站的語言執行,方法是取用子樹狀結構的語言屬性或從URL擷取語言。 例如,將檢查en分支中是否有英文,以及檢查de分支中是否有德文。

表格

表格可同時使用:

  • 作為​​元件

    chlimage_1-146

  • 從​Text​元件內

    注意

    雖然表在RTE中可用,但建議在建立表時使用​Table​元件。

在​Text​和​Table​元件表功能都可通過在表內按一下的上下文菜單(通常是滑鼠右鍵)獲得;例如:

cq55_rte_tablemenu

注意

在​​元件中,還提供了專用工具欄,包括各種標準RTF編輯器函式以及表特定函式的子集。

表的特定函式為:

表屬性
儲存格屬性
新增或刪除列
添加或刪除列
選擇整行或列
合併儲存格
分割儲存格
嵌套表
刪除表

表屬性

cq55_rte_tableproperties_icon

按一下​OK​以儲存之前,可以配置表的基本屬性:

cq55_rte_tableproperties_dialog

  • 寬度

    表格的總寬度。

  • 高度

    表的總高度。

  • 邊框

    表邊框的大小。

  • 儲存格邊距

    這會定義儲存格內容與其邊界之間的空白。

  • 儲存格間距

    這會定義儲存格之間的距離。

注意

寬度、高 ​度和某些儲存格屬性可在下列其中一項中定義:

  • 像素
  • 百分比
注意

Adobe強烈建議您為表格定義​寬度

單元格屬性

cq55_rte_cellproperties_icon

可設定特定儲存格或一系列儲存格的屬性:

cq55_rte_cellproperties_dialog

  • 寬度
  • 高度
  • 水準對齊 — 左、中或右
  • 垂直對齊 — 頂部、中間、底部或基線
  • 儲存格類型 — 資料或標題
  • 套用到:
    • 單一儲存格
    • 整列
    • 整欄

添加或刪除行

cq55_rte_rows

可在目前列的上方或下方新增列。

也可刪除目前的列。

添加或刪除列

cq55_rte_columns

欄可新增至目前欄的左側或右側。

也可以刪除當前列。

選擇整行或列

chlimage_1-147

選擇整個當前行或列。 之後即可使用特定動作(例如合併)。

合併單元格

cq55_rte_ cellmergecq55_rte_cellmerge-1

  • 如果您已選取一組儲存格,則可將這些儲存格合併為一個。
  • 如果您只選取一個儲存格,則可將其與右下方的儲存格合併。

分割儲存格

cq55_rte_cellsplit

選取要分割的單一儲存格:

  • 水準分割儲存格會在目前欄內,產生目前儲存格右側的新儲存格。
  • 垂直分割儲存格會在目前儲存格下方,但在目前列內產生新儲存格。

建立嵌套表

chlimage_1-148

建立巢狀表格會在目前儲存格內建立新的獨立表格。

注意

瀏覽器會依賴某些其他行為:

  • Windows IE:按住Ctrl鍵+主鍵 — 滑鼠按鈕 — 按一下(通常為左側)以選取多個儲存格。
  • Firefox:拖曳滑鼠以選取儲存格範圍。

刪除表

cq55_rte_removetable

這將從​Text​元件內移除表。

特殊字元

RTF編輯器可使用特殊字元;這些值可能會因您的安裝而異。

cq55_rte_specialchars_use

使用滑鼠查看該字元的放大版本,然後按一下以將其包含在文本中的當前位置。

源編輯模式

來源編輯模式可讓您查看和編輯元件的基礎HTML。

因此,文字是:

cq55_rte_sourcemode_1

在源模式下,會如下所示(通常源長得多,因此您必須滾動):

cq55_rte_sourcemode_2

注意

離開來源模式時,AEM會進行特定驗證檢查(例如,確保區塊中的文字正確包含/巢狀)。 這可能會導致您的編輯變更。

本頁內容