首页 > 解决方案 > 如何防止ckeditor在页面中加载多个content.css

问题描述

我在单个页面上使用了多个 CKEDITOR 实例,我的问题是每个编辑器都会加载一个 content.css 文件,这会使页面变慢

例如

<script>
CKEDITOR.config.height = 200;
CKEDITOR.config.width  = 'auto';

CKEDITOR.replace('textarearesultado{{$letras_iterator}}');
</script>

<script>
CKEDITOR.config.height = 200;
CKEDITOR.config.width  = 'auto';

CKEDITOR.replace('textareaevidencia{{$loop->index}}');
</script>

结果是

在此处输入图像描述

我怎么能避免这种情况?

标签: javascriptphplaravelckeditor

解决方案


您可以尝试使用replaceAll方法而不是replace

https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.html#method-replaceAll

    <body>
    <textarea name="editor1"></textarea>
    <textarea name="editor2"></textarea>
    <textarea name="editor3"></textarea>
    <script>
        // Replace all three <textarea> elements above with CKEditor instances.
        CKEDITOR.replaceAll();
    </script>
</body>

推荐阅读