富文本编辑器要点 rich-text-editor-essentials

概述 overview

富文本编辑器(RTE)允许您输入带标记的文本。

对于Communities组件，尽管与创作环境🔗中的富文本编辑器类似，但它会影响在发布环境中输入的文本。

启用富文本编辑器 enabling-rich-text-editor

可以启用允许用户生成内容(UGC)的社区组件以允许RTE。 如果该组件已添加到页面或包含在函数中，则默认情况下可能会启用RTE，也可能不启用。

如果未启用，则只需进入作者编辑模式，选择要编辑的组件，然后选中Rich Text Editor复选框即可。

RTE可用于以下Communities组件：

自定义 customization

可以自定义富文本编辑器，因为实现基于CKEditor。

Communities组件的当前配置位于cq.social. scf clientlib的存储库中的

/libs/clientlibs/social/commons/scf/ckrte.js

不建议修改cq.social.scf clientlib，因为未来的升级可能会覆盖任何编辑。

自定义示例：内联链接 example-customization-inline-links

出于安全考虑，默认情况下，向成员显示的富文本图标集中不包含超链接选项。 当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
};