富文本编辑器要点 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时,恶意攻击的能力非常大。
要向工具栏添加超链接选项,请执行以下操作:
- 添加名为“”的工具栏
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