ckeditor 在dwz里面使用

最新推荐文章于 2025-08-15 09:50:45 发布

weixin_34357436

最新推荐文章于 2025-08-15 09:50:45 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/35047

本文介绍了在使用CKEditor过程中遇到的加载失败问题及其解决方案，并详细解释了如何处理因AJAX应用导致的编辑器多实例加载失败的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在ckeditor的配置的过程中，所有的配置的地方都配置了，但是就是不显示编辑器（编辑器代码如下），很郁闷哦

1 <textarea id="editor1" name="txt_content"></textarea>

于是就上网找了资料，找到了解决的方法，加入下面的脚本就行了，问题解决！！！

<script type="text/javascript">
   var editor = CKEDITOR.replace('editor1');
</script>

上面的问题还有一种解决的方案就是CKEDITOR.appendTo(elementOrId, config) 它可以在特定的dom对象中创建CKEDITOR

<div id="editorSpace">
<textarea id="editor1" name="txt_content" style="display:none"></textarea>
</div>

<script type="text/javascript">
   var editor = CKEDITOR.appendTo( 'editorSpace' ); 
</script>

上面的问题解决好了，又来了新的问题，就是添加数据，有个添加按钮，当点击添加时，就会加载编辑器，第一次点击的时候，是很正常的，但是，你在点击第二次时就，不能加载编辑器了，页面一直处于加载状态，很郁闷，上网找了好久也没有找到该怎么解决，但是功夫不负有心人，还是找到了解决的方案，这个问题是由于ajax应用editor多实例造成的。加了下面代码问题解决。

 if (CKEDITOR.instances['editor1']) {
        CKEDITOR.remove(CKEDITOR.instances['editor1']);
    }

最后的脚本代码是下面的了

<script type="text/javascript">
    if (CKEDITOR.instances['editor1']) {
        CKEDITOR.remove(CKEDITOR.instances['editor1']);
    }
   var editor = CKEDITOR.replace('editor1');
</script>