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-104

查找並替換

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-105

  • 從​Text​元件內

    注意

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

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

cq55_rte_tablemenu

注意

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

表格特定的函式包括:

表屬性

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-105

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

合併儲存格

cq55_rte_ cellmergecq55_rte_cellmerge-1

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

分割儲存格

cq55_rte_cellsplit

選取單一儲存格來分割:

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

建立嵌套表

chlimage_1-107

建立巢狀表格會在目前儲存格中建立新的自含表格。

注意

某些其他行為與瀏覽器相關:

  • 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會進行某些驗證檢查(例如,確保文字正確包含/巢狀內嵌在區塊中)。 這會導致您的編輯變更。

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now