RTF 編輯器

Rich Text Editor是將文字內容輸入AEM的基本建置區塊。 它構成了各個組成部分的基礎,包括:

  • 文字
  • 文字影像
  • 表格

RTF 編輯器

WYSIWYG編輯對話方塊提供多種功能:

cq55_rte_basicchars

注意

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

就地編輯

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

在段落上按兩下(慢速按兩下),以進入就地編輯模式(元件邊框現在為橙色)。

您可以直接編輯頁面上的文字,而不是在對話方塊視窗內。 只要進行變更,就會自動儲存。

cq55_rte_inlineediting

注意

如果開啟了內容查找器,則頁籤頂部將顯示一個帶有RTE格式設定選項的工具欄(如上所示)。

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

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

注意

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

富格文本編輯器的功能

Rich Text Editor提供一系列功能,這些取決於個別元件的組態。 這些功能適用於最佳化觸控和傳統的UI。

基本字元格式

您可以在這裡將格式套用至選取(反白顯示)的字元;一些選項還有短鍵:

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

cq55_rte_basicchars_use

所有項目都會以切換方式運作,因此重新選取會移除格式。

預先定義的樣式和格式

cq55_rte_stylesparagraph

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

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

cq55_rte_styles_use

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

cq55_rte_paragraph_use

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

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

注意

請勿實際重新選取已套用樣式或將停用圖示的任何文字。

剪下、複製、貼上

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

  • 剪下(Ctrl-X)

  • 複製(Ctrl-C)

  • 貼上

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

  • 貼上為文字

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

  • 從 Word 貼上

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

撤消,重做

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

注意

歷史記錄僅保存在當前編輯會話中。 每次開啟要編輯的元件時,它都會重新啟動。

注意

預設任務數為50。 這可能與您的安裝不同。

對齊方式

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

cq55_rte_alignment_use

縮排

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

cq55_rte_indent_use

清單

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

嵌套清單可通過縮進一個或多個清單項來實現。

只要將游標放在清單中,然後選擇其他樣式,即可更改清單的樣式。 子清單也可以與包含清單具有不同的樣式。 建立子清單後(透過縮排),即可套用此項。

cq55_rte_lists_use

URL的連結(在您的網站或外部位置)是透過反白標示所需文字,然後按一下​超連結​圖示來產生:

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

cq55_rte_link_use

您可以:

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

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

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

錨點

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

輸入錨點的名稱,然後按一下​OK​保存。

cq55_rte_anchor_use

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

chlimage_1-145

查找並替換

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

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

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

cq55_rte_find_use

Replace​選項允許您查找​,然後​以指定文本替換​單個實例,或​替換當前元件中的所有​實例。

cq55_rte_findreplace_use

影像

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

cq55_rte_image_use

注意

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

拼字檢查器

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

會反白顯示任何不正確的拼字:

cq55_rte_spellchecker_use

注意

拼字檢查器將使用網站的語言操作,方法是獲取子樹的語言屬性或從URL中提取語言。 例如,en分支將被檢查為英文,而de分支則為德文。

表格可供使用:

  • 作為​Table​元件

    chlimage_1-146

  • 從​Text​元件內

    注意

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

在​Text​和​Table​元件表格功能中,都可透過表格中點按的內容功能表(通常是滑鼠右鍵);例如:

cq55_rte_tablemenu

注意

在​Table​元件中,還有專用的工具欄,包括各種標準富格文本編輯器函式以及表特定函式的子集。

表格特定的函式包括:

表屬性
儲存格屬性
添加或刪除行
添加或刪除列
選擇整個行或列
合併儲存格
分割儲存格
巢狀表格
移除表格

表屬性

cq55_rte_tableproperties_icon

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

cq55_rte_tableproperties_dialog

  • 寬度

    表的總寬度。

  • 高度

    桌子的總高度。

  • 邊框

    表格邊框的大小。

  • 儲存格邊距

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

  • 儲存格間距

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

注意

Width、Height ​和某些儲存格屬性可定義於下列其中一種:

  • 像素
  • 百分比
注意

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

單元格屬性

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+primary-mouse-button-click(通常為左側)來選取多個儲存格。
  • Firefox:拖曳滑鼠以選取儲存格範圍。

刪除表

cq55_rte_removetable

這將從​Text​元件中刪除表。

特殊字元

您的豐富式文字編輯器可以使用特殊字元;這些視您的安裝而定。

cq55_rte_specialchars_use

使用滑鼠移至檢視字元的放大版本,然後按一下以將其包含在文字的目前位置。

源編輯模式

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

因此,文字:

cq55_rte_sourcemode_1

在源模式下,Will的外觀如下(通常源模式比較長,因此您必須滾動):

cq55_rte_sourcemode_2

注意

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

本頁內容