富文本编辑器必备工具

概述

富文本编辑器(RTE)提供了输入带有标记的文本的功能。

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

chlimage_1-410

启用富文本编辑器

可以启用允许用户生成内容(UGC)的社区组件以允许RTE。 根据组件是添加到页面还是包含在函数中,RTE可能默认处于启用状态,也可能未启用。

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

RTE可用于以下社区组件:

自定义

由于实现基于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

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

On this page