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>
问题解决了,心情就爽了 好了就写到这里了,还请大侠多多指教哦!