异步load()加载 ckeditor 编辑器

最新推荐文章于 2021-03-22 01:22:12 发布

weixin_34405332

最新推荐文章于 2021-03-22 01:22:12 发布

阅读量74

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lei2007/archive/2013/05/15/3080303.html

本文详细解析了在异步加载CKEditor编辑器时遇到的问题及解决方案，包括CKEditor未定义、lang.contextmenu.options为空或不是对象、以及配置详情等，通过实例代码演示了解决方法。

异步加载ckeditor 编辑器，注意事项：

第一.CKEDITOR 未定义：js未加载ckeditor.js

解决方案：

1.将 js文件放在父页面

2. 首次请求生成编辑器，再次加载时，需要销毁上次生成的编辑器，重新生成新的编辑器

 <textarea  id="Content" rows="6" cols="10"></textarea>
    <script type="text/javascript">

        jQuery(function ()
        {
             // 300 弹窗高调
             LoadCk(300);
           
        });

        function LoadCk(hh)
        {

            //加载CKeditor
            //判定 Content 是否存在
            var editor;
            if (!CKEDITOR.instances.Content) {
               
                var editor = CKEDITOR.replace('Content', { height: 300 });
                

            } else {
                
                addCkeditor("Content", hh);
            }

        }
      //新增CKEDITOR
        function addCkeditor(id, hh)
        {
            var editor2 = CKEDITOR.instances[id];
            //销毁编辑器 Content, 然后新增一个
            if (editor2) editor2.destroy(true);
            editor = CKEDITOR.replace(id, { height: hh });
            
        }
    </script>