富文本编辑器要点 rich-text-editor-essentials
概述 overview
富文本编辑器(RTE)提供了使用标记输入文本的功能。
对于社区组件,与 创作环境中的富文本编辑器,则会影响在发布环境中输入的文本。
启用富文本编辑器 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,因为以后的升级可能会覆盖任何编辑。
示例自定义:内联链接 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
5d37d7b0-a330-461b-814d-068612705ff6