如何让CKEditor用CSS渲染文本？

Question

我有一个CKEditor用于编辑网页中的文本.

在网页中,文本在其上下文中呈现,因此遵循页面CSS格式.

我的问题是如何告诉CKEditor将CSS样式表应用于编辑器渲染？当然没有改变生成的源？

我的代码:

<textarea class="ActuContent" name="actu-content" cols="100" rows="20">my content></textarea>
<script type="text/javascript">
        window.onload = function()
        {
                CKEDITOR.replace( 'actu-content' );
        };
</script>

和我的CSS:

.ActuContent{
    padding:10px 10px 10px 10px;
    color:#416a8b;
    font-size:1.6em;
}

我的CKEditor Config.js文件只包含工具栏配置.

CKeditor不会将".ActuContent"的设置应用于其渲染...

Answer 1

这个问题的最佳答案是:

CKEDITOR.config.contentsCss = '/mycustom.css';
CKEDITOR.replace('myfield');

因为您可能希望在不同的编辑器中使用不同的样式.如果content.css像Jalil那样改变主体,你将无法做到这一点.

Answer 2

我找到了一个非常简单的方法来回答我的问题:

content.cssCKEditor目录下的文件!

我只需要放入我想在编辑器中应用的样式:

body {
    color: #416a8b;
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
   text-align: left;
}

就这样 :-)