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時，惡意轉換的能力很強。

若要將超連結選項新增至工具列：

/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
};