富文本编辑器要点 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,因为未来的升级可能会覆盖任何编辑。

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