2016-04-05 39 views
1

对于CKeditor,有没有办法让它应用类名而不是样式?因此,而不是这样做的:CKEditor:如何将类(而不是内联样式)应用于内容

<span style="color: #ffffff;">Text</span> 

它会做:

<span class="white">Text</span> 

简化更有意义,但除了典型的粗体/斜体/下划线,我们需要能够在使用变量SCSS工作表的一致性和多个客户端。这不是从自定义样式列表中挑选的东西 - 当用户点击现有的工具栏选项时,它需要自动进行。有没有人管理过这样的事情?

+1

只需检查[本教程](http://docs.ckeditor.com/#!/guide/dev_howtos_styles),应该很简单。 – skobaljic

+0

@skobaljic谢谢你,但正如我对下面的答案所说的,我不想让人们从列表中选择一种样式,我希望当人们点击工具栏选项时它会自动进行。我正在更新我的原始问题以尝试澄清。 – Hitokage

+0

您将不得不创建我认为自己的工具,或编辑现有的工具。每个工具都是独立文件夹中的插件(查看CKEditor未压缩的源文件) - 很容易找到文件并编辑它们,这些程序员都很好。 – skobaljic

回答

0

尝试把这个代码在config.js文件:

config.stylesSet = [ 
    { name: 'CSS White', element: 'span', attributes: { 'class': 'white' } } 
] 

它会告诉你在你的ceditor的风格选择领域的“CSS白”选项。

+0

我知道风格选项,但我不希望人们必须选择风格。我希望当人们在已经存在的工具栏中选择某些东西时,这些类会自动添加。就像我最初的例子,如果他们选择上面的颜色,它会做一个类,而不是做内联风格的十六进制代码。 – Hitokage

+0

就像使用justifyRight一样,它添加class justifyRight而不是style =“text-alight:right;” –

+0

@Hitokage你们有没有解决过这个问题。希望做同样的事情。不使用“风格”,但它只是自动使用风格的类而不是内联。就像tadeusz说的。 –

相关问题