首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >向CKEditor添加自定义样式

向CKEditor添加自定义样式
EN

Stack Overflow用户
提问于 2010-01-21 00:06:10
回答 4查看 68.7K关注 0票数 16

我最近将CKEditor添加到我的应用程序中,我想在编辑器中包括我自己的CSS样式表,这样我就可以在编辑器中选择它们。

我该如何做到这一点?到目前为止,我的代码如下所示:

代码语言:javascript
复制
<script type="text/javascript">

    CKEDITOR.replace( 'editor1',{
        uiColor : '#9AB8F3',
    });

</script>
EN

回答 4

Stack Overflow用户

发布于 2013-07-25 04:43:18

这对我很管用

代码语言:javascript
复制
CKEDITOR.addCss('body{background:blue;}');
票数 17
EN

Stack Overflow用户

发布于 2012-02-23 01:11:54

如前所述,有一个页面解释了如何设置一组custom styles。这个页面上隐藏的小精华(并不是很清楚)是,您可以在配置中定义内联样式,而不是创建一组命名的样式,如下所示:

代码语言:javascript
复制
    stylesSet : [
    {
        name : 'Green Title',
        element : 'h3',
        styles :
        {
            'color' : 'Green'
        }
    } ],
票数 8
EN

Stack Overflow用户

发布于 2014-03-05 12:07:34

最好的方法是使用这个插件:http://ckeditor.com/addon/stylesheetparser

将其粘贴到'ckeditor/plugins‘目录中,然后在’ckeditor/config.js‘中包含类似以下内容:

代码语言:javascript
复制
config.extraPlugins = 'stylesheetparser';
config.contentsCss = '/css/inline-text-styles.css';
config.stylesSet = [];

其中'/ css /inline-text-styles.css‘是您自己在webroot中ckeditor之外的css文件夹的路径。这样你就不必把css和javascript混在一起了。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2102797

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档