RTF編輯器基本知識 rich-text-editor-essentials
概觀 overview
RTF編輯器(RTE)可讓您輸入含有標示的文字。
針對Communities元件,而與 作者環境中的RTF編輯器,它會影響在發佈環境中輸入的文字。
啟用RTF編輯器 enabling-rich-text-editor
允許使用者產生內容(UGC)的Communities元件可啟用以允許RTE。 將元件新增至頁面或包含在 函式,預設情況下可能會啟用,也可能不會啟用RTE。
如果未啟用,只要輸入 作者編輯模式,選取要編輯的元件,然後選取 Rich Text Editor
核取方塊。
RTE適用於下列Communities元件:
自訂 customization
RTF編輯器可以自訂,因為實作是根據 複製器.
Communities元件的目前設定在 cq.social. scf clientlib
,在存放庫中的
/libs/clientlibs/social/commons/scf/ckrte.js
不建議修改cq.social.scf clientlib,因為日後的升級可能會覆寫任何編輯。
自訂範例:內嵌連結 example-customization-inline-links
基於安全性考量,預設情況下顯示給成員的RTF圖示集中不包含超連結選項。 在UGC中允許href時,惡意轉換的能力很強。
若要將超連結選項新增至工具列:
- 新增名為「」的工具列
links
"{ name: 'links', items: [ 'Link','Unlink','Anchor' ] }
- 選取 全部儲存
/libs/clientlibs/social/commons/scf/ckrte.js libs-clientlibs-social-commons-scf-ckrte-js
CKRte.prototype.config = {
toolbar: [
{ name: "basicstyles",
items: ["Bold", "Italic", "Underline", "NumberedList", "BulletedList", "Outdent", "Indent", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "TextColor"]
},
{ name: 'links',
items: [ 'Link','Unlink','Anchor' ]
}
],
autoParagraph: false,
autoUpdateElement: false,
removePlugins: "elementspath",
resize_enabled: false
};
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791