ckeditor的配置问题不显示的问题解决方案

      刚开的此博客，今天是第一次写博客，写的不好，还请大家多多指教。

      前一段时间，在做一个项目，需要用到文本编辑器，这个项目是MVC和dwz结合的，其实dwz有自带的编辑器xheditor，但是由于本人以前没有接触过dwz，也是刚学的，边做项目边学习，对于配置xheditor编辑器这个不是很了解，而网上的对xheditor的介绍不是很多，所以就选择了ckeditor，网上对ckeditor的配置介绍很多，用的编辑器最多的也是ckeditor吧。所以相对可以省了好多事。说省事，也不是很省事，因为在做项目的时候碰到了困扰我很久的问题。

     在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>

问题解决了，心情就爽了 好了就写到这里了，还请大侠多多指教哦！

 

转载于:https://www.cnblogs.com/qlbh/archive/2013/01/22/2871461.html