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

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

概述 overview

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

对于社区组件,与 创作环境中的富文本编辑器,则会影响在发布环境中输入的文本。

chlimage_1-410

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

可以启用允许用户生成内容(UGC)的社区组件来允许RTE。 取决于组件是添加到页面还是包含在 函数,默认情况下可能启用或未启用RTE。

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

RTE可用于以下社区组件:

自定义 customization

可以自定义富文本编辑器,因为该实施基于 CKEditor.

社区组件的当前配置位于 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
5d37d7b0-a330-461b-814d-068612705ff6