ckeditor 在dwz里面使用

简介:

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

相关文章
|
XML 存储 前端开发
dwz之BaseConditionVO
dwz之BaseConditionVO
110 0
|
前端开发 JavaScript
dwz中对jqGrid设置a标签
dwz中对jqGrid设置a标签
135 0
dwz中对jqGrid设置a标签
|
Web App开发 JavaScript 前端开发
常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介
1、UEditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码... 主要特点: 轻量级:代码精简,加载迅速。
5251 0
|
JavaScript 前端开发 Java
百度编辑器 UEditor setContent()
给编辑器赋值的代码: var ue = UE.getEditor('content'); ue.ready(function (){      ue.setContent(data.data.content); });   当我第二次去打开编辑器的时候,编辑器里就有数据了。
1176 0
|
Java 编译器 JavaScript
关于UEditor富文本编辑器的使用
关于前台页面上的文本编辑问题,用富文本回方便很多,富文本可以添加表情符号等等
3167 0
|
Java
struts2整合CKEditor和CKFinder实现上传
上一篇文章给大家分享了CKEditor+CKFinder+JSP实现了在线编辑器上传图片的功能,这里在给大家分享一下如何在前面的基础上在struts2下实现这样的功能。 实现与Struts2的整合,整合的过程确实easy.不过实现之后,图片上传不上去,上传之后显示“文件不存在”,然后在网上找了一些资料,经过总结最终实现了这个功能。
1268 0