论坛 Forum

在FF中，我用ColorBox弹出框，然后在这个上面加载一个编辑框，我用代码

KindEditor.ready(function(K) {
   var editor1 = K.create('#content1', {
    cssPath : '../plugins/code/prettify.css',
    uploadJson : '../asp.net/upload_json.ashx',
    fileManagerJson : '../asp.net/file_manager_json.ashx',
    allowFileManager : true,
    afterCreate : function() {
     var self = this;
     K.ctrl(document, 13, function() {
      self.sync();
      K('form[name=example]')[0].submit();
     });
     K.ctrl(self.edit.doc, 13, function() {
      self.sync();
      K('form[name=example]')[0].submit();
     });
    }
   });
   prettyPrint();
  });

调用KindEditor.

     当ColorBox弹出的时候整个文本框都不能输入任何东西，但是在IE里面可以，这是什么原因呢？。如何解决这个问题呢？弄了好久，就差点放弃用CKEditor+CKFinder了，后来抱着试一试的态度，终于解决了这个问题。

      这可能是FF的缓存的问题，colorBox弹出之后，FF不会重新加载，或者是因为重复加载，IE中不存在缓存的问题。

      如何解决这个问题呢：我们可以在colorbox弹出之后在加载KindEditor这样就不会重复加载KindEditor了，具体代码如下

  $(".inline").colorbox({ onComplete: function () { loadContent1(); loadContent2(); } })
    ////////// 加载编辑器  //////////
    function loadContent1() {
        ///////// 主要内容的编辑器 ////////////
        editor = KindEditor.create("#content1", {
            cssPath: '../../js/kindeditor/plugins/code/prettify.css',
            uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
            fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
            height: "430px",
            allowFileManager: true,  //所有的控件都启用
            afterCreate: function () {
                var self = this;
                KindEditor.ctrl(document, 13, function () {
                    self.sync();
                    KindEditor("form[name=example]")[0].submit();
                });
                KindEditor.ctrl(self.edit.doc, 13, function () {
                    self.sync();
                    KindEditor('form[name=example]')[0].submit();
                });
            }
        });
        prettyPrint();
    }
    function loadContent2() {
        /////// 简介的编辑器 ////////////
        editor = KindEditor.create('textarea[name="textarea"]', {
            resizeType: 1,
            allowPreviewEmoticons: false,
            allowImageUpload: false,
            items: [
              'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
              'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
              'insertunorderedlist']
        });
    }

就这样，一切搞定。谢谢老大分享一个这么好的文本编辑器。新手使用，分享一下，有同样使用的可以加QQ674425991大家一起探讨一下。