HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了删除后附加到CKEditor并附加到DOM大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在将CKEditor集成到更大的项目中,该项目使用“tabs”一次显示多个屏幕.切换标签时,我会分离包含CKEditor的标签div.当我再次附加它时,CKEditor坏了.它是可见的,但它会丢失文本,因此无法在其中写入文本.

示例代码:

<script src="http://ckeditor.com/apps/ckeditor/4.2/ckeditor.js?mriyyd"></script>
<div id="section1">
    <script>
        CKEDITOR.appendTo('section1',null,'<p>This is some <strong>sample text</strong>.</p>');
    </script>
</div>
<script>
    var s = document.getElementById('section1');
    var sP = s.parentNode;
</script>
<button onClick="sP.removeChild(s);">Detach</button>
<button onClick="sP.appendChild(s);">Attach</button>

你可以在这里试试:http://jsfiddle.net/kxtxz/6/

谁有经验并最终解决了类似的问题?

解决方法

CKEditor实例背后的逻辑依赖于DOM结构,如果你修改它,它确实会被破坏.

但是有一个简单的解决方案.在分离之前首先获取数据:

var savedData = CKEDITOR.instances.instancename.getData();

那基本上叫:

CKEDITOR.instances.instancename.destroy();

分离时,再次重新创建编辑器

CKEDITOR.appendTo( 'section1',savedData );

当附加.

大佬总结

以上是大佬教程为你收集整理的删除后附加到CKEditor并附加到DOM全部内容,希望文章能够帮你解决删除后附加到CKEditor并附加到DOM所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。