Rich Text Editor是將文字內容輸入AEM的基本建置區塊。 它構成了各個組成部分的基礎,包括:
WYSIWYG編輯對話方塊提供多種功能:
可用的功能可針對個別專案進行設定,因此可能會因您的安裝而有所不同。
除了以對話方塊為基礎的「豐富式文字編輯」模式外,AEM也提供就地編輯模式,可直接編輯顯示在頁面版面中的文字。
在段落上按兩下(慢速按兩下),以進入就地編輯模式(元件邊框現在為橙色)。
您可以直接編輯頁面上的文字,而不是在對話方塊視窗內。 只要進行變更,就會自動儲存。
如果開啟了內容查找器,則頁籤頂部將顯示一個帶有RTE格式設定選項的工具欄(如上所示)。
如果內容搜尋器未開啟,工具列將不會顯示。
目前,「就地編輯」模式已針對Text和Title元件產生的頁面元素啟用。
Title元件設計為包含沒有換行符的短文本。 在「就地編輯模式」中編輯標題時,輸入換行符將開啟標題下方的新Text元件。
Rich Text Editor提供一系列功能,這些取決於個別元件的組態。 這些功能適用於最佳化觸控和傳統的UI。
您可以在這裡將格式套用至選取(反白顯示)的字元;一些選項還有短鍵:
所有項目都會以切換方式運作,因此重新選取會移除格式。
您的安裝可包含預先定義的樣式和格式。 這些選項可用於Style和Format下拉清單,並可應用於已選擇的文本。
樣式可套用至特定字串(與CSS相關的樣式):
雖然格式會套用至整個文欄位落(格式是以HTML為基礎的):
特定格式只能更改(預設值為Paragraph)。
可以移除樣式;將游標置於已應用樣式的文本中,然後按一下刪除表徵圖:
請勿實際重新選取已套用樣式或將停用圖示的任何文字。
Cut和Copy的標準函式可用。 提供多種類型的糊狀以適應不同的格式。
剪下(Ctrl-X)
複製(Ctrl-C)
貼上
這是元件的預設貼上機制(Ctrl-V);當安裝在現成可用的程式中時,此設定為「從Word貼上」。
貼上為文字
移除所有樣式和格式,只貼上純文字。
從 Word 貼上
這會將內容貼為HTML(含一些必要的重新格式化)。
AEM會記錄您目前元件中最近50個動作的記錄,依時間順序保留。 如有需要,這些動作可以嚴格依序還原(然後重做)。
歷史記錄僅保存在當前編輯會話中。 每次開啟要編輯的元件時,它都會重新啟動。
預設任務數為50。 這可能與您的安裝不同。
您的文字可以向左、向中或向右對齊。
段落的縮進可以增加或減少。 選定段落將進行縮進,所輸入的任何新文本都將保留當前縮進級別。
項目清單和編號清單都可在文字中建立。 選擇清單類型並開始鍵入或突出顯示要轉換的文本。 在這兩種情況下,行動態消息都會啟動新的清單項目。
嵌套清單可通過縮進一個或多個清單項來實現。
只要將游標放在清單中,然後選擇其他樣式,即可更改清單的樣式。 子清單也可以與包含清單具有不同的樣式。 建立子清單後(透過縮排),即可套用此項。
URL的連結(在您的網站或外部位置)是透過反白標示所需文字,然後按一下超連結圖示來產生:
對話方塊可讓您指定目標URL;還有是否應在新視窗中開啟。
您可以:
www.TargetUri.org#AnchorName
#anchor
URI可以前置任何為安裝配置的協定。 在標準安裝中,這些是https://
、ftp://
和mailto:
。 為安裝配置的協定將被拒絕並標籤為無效。
要斷開連結位置游標在連結文本中的任意位置,然後按一下Unlink表徵圖:
可以通過定位游標或選擇某些文本在文本中的任意位置建立錨點。 然後,按一下錨點表徵圖以開啟該對話框。
輸入錨點的名稱,然後按一下OK保存。
錨點會在編輯元件時顯示,現在可用於連結的目標中。
AEM提供Find和Replace(find and replace)函式。
兩者都有一個「查找next」按鈕,用於搜索開啟的元件以查找指定的文本。 您也可以指定是否需要比對大小寫(上/下)。
搜索始終從文本中當前游標位置開始。 當到達元件結尾時,會出現訊息通知您下一個搜尋作業將從頂端開始。
Replace選項允許您查找,然後以指定文本替換單個實例,或替換當前元件中的所有實例。
您可從內容搜尋器拖曳影像,將影像新增至文字。
AEM也提供專用元件,以取得更詳細的影像設定。 例如,Image和Text Image元件可用。
拼字檢查器將檢查當前元件中的所有文本。
會反白顯示任何不正確的拼字:
拼字檢查器將使用網站的語言操作,方法是獲取子樹的語言屬性或從URL中提取語言。 例如,en
分支將被檢查為英文,而de
分支則為德文。
表格可供使用:
作為Table元件
從Text元件內
雖然表在RTE中可用,但在建立表時建議使用Table元件。
在Text和Table元件表格功能中,都可透過表格中點按的內容功能表(通常是滑鼠右鍵);例如:
在Table元件中,還有專用的工具欄,包括各種標準富格文本編輯器函式以及表特定函式的子集。
表格特定的函式包括:
表屬性 |
儲存格屬性 |
添加或刪除行 |
添加或刪除列 |
選擇整個行或列 |
合併儲存格 |
分割儲存格 |
巢狀表格 |
移除表格 |
可以在按一下OK保存之前配置表的基本屬性:
寬度
表的總寬度。
高度
桌子的總高度。
邊框
表格邊框的大小。
儲存格邊距
這會定義儲存格內容與其邊框之間的空格。
儲存格間距
這會定義儲存格之間的距離。
Width、Height 和某些儲存格屬性可定義於下列其中一種:
Adobe強烈建議您為表格定義Width。
可以配置特定單元格或一系列單元格的屬性:
可在當前行的上方或下方添加行。
也可以刪除當前行。
欄可以新增至目前欄的左側或右側。
也可以刪除當前列。
選擇整個當前行或列。 然後可使用特定動作(例如合併)。
選取單一儲存格來分割:
建立巢狀表格會在目前儲存格中建立新的自含表格。
某些其他行為與瀏覽器相關:
這將從Text元件中刪除表。
您的豐富式文字編輯器可以使用特殊字元;這些視您的安裝而定。
使用滑鼠移至檢視字元的放大版本,然後按一下以將其包含在文字的目前位置。
來源編輯模式可讓您查看和編輯元件的基礎HTML。
因此,文字:
在源模式下,Will的外觀如下(通常源模式比較長,因此您必須滾動):
離開來源模式時,AEM會進行某些驗證檢查(例如,確保文字正確包含/巢狀內嵌在區塊中)。 這會導致您的編輯變更。