Ckeditor CK编辑器为页面添加样式

Ckeditor CK编辑器为页面添加样式,ckeditor,liferay,Ckeditor,Liferay,如何使用CK编辑器添加样式 我想创建一个样式,我将在liferay编辑器的class属性中使用它 例如— 在页面javascript部分 CKEDITOR.XXXX(// add style class for red color called 'myRed') 然后在编辑中- <p class="myRed">Text</p> 将给出红色文本 在主题中放置: .myRed { color: red; } 然后,仅在编辑器的源代码模式中包含该类,如您在问题中所

如何使用CK编辑器添加样式

我想创建一个样式,我将在liferay编辑器的class属性中使用它

例如—

在页面javascript部分

CKEDITOR.XXXX(// add style class for red color called 'myRed')
然后在编辑中-

<p class="myRed">Text</p>
将给出红色文本

在主题中放置:

.myRed {
   color: red;
}
然后,仅在编辑器的源代码模式中包含该类,如您在问题中所述:

<p class="myRed">Text</p>

就是这样。

您必须制作一个钩子扩展插件并更改ckeditor init文件。请看这里:回答错误!这个问题是问如何编辑,而不是如何有一个红色的段落…我建议你重新阅读这个问题。给出的答案绝对是他想要的答案,尽管他混淆了css部分和实例化编辑器的JavaScript部分。