向CKEditor添加自定义样式
向CKEditor添加自定义样式
提问于 2010-01-21 00:06:10
我最近将CKEditor添加到我的应用程序中，我想在编辑器中包括我自己的CSS样式表，这样我就可以在编辑器中选择它们。
我该如何做到这一点？到目前为止，我的代码如下所示：
<script type="text/javascript">
CKEDITOR.replace( 'editor1',{
uiColor : '#9AB8F3',
});
</script>回答 4
Stack Overflow用户
发布于 2013-07-25 04:43:18
这对我很管用
CKEDITOR.addCss('body{background:blue;}');Stack Overflow用户
发布于 2012-02-23 01:11:54
如前所述，有一个页面解释了如何设置一组custom styles。这个页面上隐藏的小精华(并不是很清楚)是，您可以在配置中定义内联样式，而不是创建一组命名的样式，如下所示：
stylesSet : [
{
name : 'Green Title',
element : 'h3',
styles :
{
'color' : 'Green'
}
} ],Stack Overflow用户
发布于 2014-03-05 12:07:34
最好的方法是使用这个插件：http://ckeditor.com/addon/stylesheetparser
将其粘贴到'ckeditor/plugins‘目录中，然后在’ckeditor/config.js‘中包含类似以下内容：
config.extraPlugins = 'stylesheetparser';
config.contentsCss = '/css/inline-text-styles.css';
config.stylesSet = [];其中'/ css /inline-text-styles.css‘是您自己在webroot中ckeditor之外的css文件夹的路径。这样你就不必把css和javascript混在一起了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2102797
复制相关文章
相似问题
腾讯云开发者
