Question

我在yii框架中使用了一个基于CKeditor的扩展（这里是link）

我想更改CKeditor中显示的内容的大小，而不应用编辑器生成的输出html代码。

编辑器创建一个iframe并在其中显示html内容。当我尝试为其内容编写css时，它不会应用任何更改。

我还使用了一个脚本来改变css。当我在浏览器的控制台中编写它但没有处理脚本时，它工作正常。这是我的剧本：

<script>
$('document').ready(function() {
    var cn = $('.cke').find('iframe').contents();
    cn.find('body').css('font-size','16px');
});
</script>

如何编写自己的样式才能在内容区域应用？

Answer 1

使用JS执行此操作的正确方法是CKEDITOR.addCss，它会向iframe的文档<head>添加额外的CSS。只需在之前初始化编辑器的代码（即CKEDITOR.replace）。它将适用于所有实例。

但是，如果我是你，我只需要扩展config.contentsCss并添加一些额外的样式表。

更改CKeditor中内容区域的字体大小

1 个答案: