tinymce 不适用于 Firefox [英] tinymce not working on firefox

问题描述

我有三个 textarea 使用 tinymce 作为文本区域.它们都适用于 chrome，但不适用于 Firefox.我正在使用 php 代码从 mysql 加载文本.第一个 textarea 加载正常并工作，但其他两个短暂地闪烁内容然后它就消失了.我无法在框中插入任何东西.这是脚本:

I have three textareas using tinymce as text area. They all work in chrome but not on firefox. I am loading the text from mysql using php code. The first textarea loads ok and works, but the other two briefly flashes the contents and then it's gone. I'm not able to insert anything in the box. Here is the script:

<!-- Load TinyMCE -->
<script type="text/javascript"
src="functions/tinymce/jscripts/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('textarea.tinymce').tinymce({
        // Location of TinyMCE script
        script_url : 'functions/tinymce/jscripts/tiny_mce/tiny_mce.js',

        // General options
plugins : '-examples', // - tells TinyMCE to skip the loading of the plugin
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1 :
"mylistbox,mysplitbutton,bold,italic,underline,separator,strikethrough,justifyleft,
justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link, 
unlink",
theme_advanced_buttons2 : "code,forecolor,backcolor",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom"



    });

    $('textarea.tinymce2').tinymce({
        // Location of TinyMCE script
        script_url : 'functions/tinymce/jscripts/tiny_mce/tiny_mce.js',

        // General options
plugins : '-examples', // - tells TinyMCE to skip the loading of the plugin
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1:
"mylistbox,mysplitbutton,bold,italic,underline,separator,strikethrough,justifyleft,
justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink",
theme_advanced_buttons2 : "code,forecolor,backcolor",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom"



    }); 

    $('textarea.tinymce3').tinymce({
        // Location of TinyMCE script
        script_url : 'functions/tinymce/jscripts/tiny_mce/tiny_mce.js',

        // General options
plugins : '-examples', // - tells TinyMCE to skip the loading of the plugin
mode : "textareas",
theme : "advanced",
theme_advanced_buttons1:
"mylistbox,mysplitbutton,bold,italic,underline,separator,strikethrough,justifyleft,
justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink",
theme_advanced_buttons2 : "code,forecolor,backcolor",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom"



    }); 

});
</script>
 <!-- /TinyMCE --> 

任何想法如何解决这个问题?谢谢兰迪

Any ideas how to fix this? Thanks Randy

推荐答案

这是 tinyMCE 或最新 FF 更新中的错误.

It is a bug either in tinyMCE or in the latest FF update.

无论哪种解决方法都是更改一些 CSS 值(例如通过拖动使可编辑内容区域变大/变小)以使其重绘内容.

Either way the workaround is to change some CSS value (by for example making the editable content area bigger / smaller by dragging) to let it redraw the content.

TinyMCE 错误跟踪器上还有一个关于它的票.在修复该错误之前，您必须寻求解决方法.

There is also a ticket about it on the TinyMCE bug tracker. Until that bug is fixed you would have to go for the workaround.

这篇关于tinymce 不适用于 Firefox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！