Question

我试图在我的网站上使用tinymce编辑器但是，如果插入它的代码它在Firefox上不起作用（在IE9上运行良好，没有错误等）。我的代码如下所示：

<tr>
    <td class="ui-corner-left" style="width:200px; font-size:14px;color:#fff; background:#606060; padding:5px;">Wiadomość</td>
    <td class="ui-corner-right" style="font-size:14px; background:#eaeaea; padding:5px;">&nbsp;</td>
</tr>
<tr>
     <td>&nbsp;</td>
     <td style="padding:5px;"><textarea id="tinymce" name="wiadomosc" cols="50" rows="10" style="width:100%;"><?php echo set_value('wiadomosc'); ?></textarea>
     </td>
</tr>

声明：

<script type="text/javascript" src="<?=base_url()?>js/tinymce/tinymce.min.js"></script>

与textarea连接：

tinyMCE.baseURL = "<?=base_url()?>js/tinymce/";
    tinymce.init({
    selector: "textarea",
    language : 'pl',
    menubar: false,
    convert_urls : false,
    relative_urls : false,
    plugins: "textcolor, code",
    toolbar: "undo,redo,|,bold,italic,underline,strikethrough,|,alignleft,aligncenter,alignright,alignjustify,|,cut,copy,paste,pastetext,pasteword,|,forecolor,|,code",
    });

这就是Firebug所说的：

Failed to load: http://192.168.200.233/js/tinymce//themes/modern/themeundefined.js
Failed to load: http://192.168.200.233/js/tinymce//plugins/code/pluginundefined.js
Failed to load: http://192.168.200.233/js/tinymce//plugins/textcolor/pluginundefined.js

我正在使用codeigniter和jQuery。

此代码在其他10个文件中效果不错，但在这个文件中没有，我不知道为什么。

Answer 1

如果TinyMCE无法为其插件/主题文件确定正确的后缀，则会发生这种情况。通常，当您重命名TinyMCE主脚本文件时会发生这种情况。请注意，TinyMCE脚本加载器具有已识别文件名的硬编码列表：

// Script types supported:
// tinymce.js tinymce.min.js tinymce.dev.js
// tinymce.jquery.js tinymce.jquery.min.js tinymce.jquery.dev.js
// tinymce.full.js tinymce.full.min.js tinymce.full.dev.js

因此，如果您确实需要为主TinyMCE脚本文件提供非标准文件名，则可能需要以编程方式提供默认的“.min”后缀：

tinymce.suffix = ".min"

Answer 2

请尝试使用此代码100％

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
 <script type="text/javascript">
    tinymce.init({
    selector: "textarea",
    theme: "modern",
    font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor"
   ],

   toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons | sizeselect | fontselect | fontsize | fontsizeselect", 
   style_formats: [
        {title: 'Bold text', inline: 'b'},
        {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
        {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
        {title: 'Example 1', inline: 'span', classes: 'example1'},
        {title: 'Example 2', inline: 'span', classes: 'example2'},
        {title: 'Table styles'},
        {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
    ]
 });
</script>

<body>
<textarea name="text_box"></textarea>
</body>
</html>

Answer 3

将js嵌入php。

或

你应该找到js文件夹的相对路径（不使用base_url）

TinyMCE不适用于FireFox

3 个答案: