TinyMCE Body.contentEditable = false在Firefox中不起作用

时间:2013-09-25 11:02:39

标签: javascript firefox tinymce contenteditable readonly

我正在为我的应用程序使用TinyMCE编辑器,我希望我的主体和演示工具栏在屏幕上显示“readonly”,但是

 readonly:true 

使显示栏禁用,客户端无法接受(需要内容区域和工具栏)。

我成功地做到了:

 body.contentEditable = false;

哪个有效,但只适用于IE和Chrome,而不是在Firefox中,我用Google搜索,我也找不到任何解决方案,也尝试:

removeAttr( 'contenteditable' ); 

或设置

readonly:true;   
this.getBody().setAttribute('mceToolbar', true);

但其中任何一个都有效。

任何解决问题的方法,或有人解决了这个问题?

谢谢!

2 个答案:

答案 0 :(得分:1)

我通过大量调查解决了,它对我有用,我只为Firefox做了一个不同的配置:

getDoc().designMode  = "off";

答案 1 :(得分:0)

 if(this.settings.setupcontent_callback_2=="customEditor"){
            //Explorer
            if(tinymce.isIE){
                this.getBody().contentEditable = false;
            }
            //FIREFOX & CHROME
            else if(tinymce.isGecko){
                this.getBody().contentEditable = false;
                this.getDoc().designMode  = "off";
            }
            else{//TODOS LOS DEMÁS (The others)
                this.getDoc().designMode  = "off";
                this.getBody().contentEditable = false;
            }
        }