首页 javaWEB ckeditor 在dwz里面使用(同时兼顾了修改和添加)

ckeditor 在dwz里面使用(同时兼顾了修改和添加)

  根据 以下 的配置    发现 当 添加和修改 一起存在  会出现  编辑器消失不见的问题。。 &nbsp…

 

根据 以下 的配置    发现 当 添加和修改 一起存在  会出现  编辑器消失不见的问题。。

 

添加 的 编辑器

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

修改的编辑器

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

 

这样就行了。。

 

ckeditor 在dwz里面使用

(http://www.csdn123.com/html/itweb/20131025/187320.htm)

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

 

 

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

为您推荐

nodejs 整理记录

nodejs 整理记录

下载包 https://blog.csdn.net/m0_59878114/article/details/120274...
websocket测试html

websocket测试html

<!DOCTYPE html> <html> <head> <meta cha...
bigdemical两个数比较大小

bigdemical两个数比较大小

/*int result = bigdemical1.compareTo(bigdemical2) result = -...
Beetl2.7 中文文档

Beetl2.7 中文文档

Beetl目前版本是2.7.23,相对于其他java模板引擎,具有功能齐全,语法直观,性能超高,以及编写的模板容易维护等...
纯CSS实现多个便签在一行展示,拖动滚动

纯CSS实现多个便签在一行展示,拖动滚动

div <h2>请注意需要在移动端预览,PC端拖拽无效果</h2> <div class=...
返回顶部