如何使除选定以外的所有tinymce编辑器成为标准

Question

我正在使用TinyMCE作为文本编辑器。 在标题中，我定义了所有<textarea>选择器都必须是TinyMCE。 我已经将高度设置为默认值300px，但是现在我需要添加一个较小的文本区域。

我已经尝试过下面的代码进行尝试，并使其使用默认设置，并且仅覆盖所选的textarea，但无法正常工作。 没有抛出任何错误。 只是似乎忽略了代码。

有没有办法实现这个目标？

HTML

<textarea class="footer_editor" name="template_footer" id="template_footer" style="width:100%;"><?php echo $template_footer; ?></textarea>

码

tinymce.init({
                selector:'textarea',
                relative_urls : false,
                remove_script_host : false,
                document_base_url : "<?php  print(get_system_url()); ?>",
                height : "360",
                fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
                font_formats: "Andale Mono=andale mono,times;"+
                "Arial=arial,helvetica,sans-serif;"+
                "Arial Black=arial black,avant garde;"+
                "Book Antiqua=book antiqua,palatino;"+
                "Comic Sans MS=comic sans ms,sans-serif;"+
                "Courier New=courier new,courier;"+
                "Georgia=georgia,palatino;"+
                "Helvetica=helvetica;"+
                "Impact=impact,chicago;"+
                "Symbol=symbol;"+
                "Tahoma=tahoma,arial,helvetica,sans-serif;"+
                "Terminal=terminal,monaco;"+
                "Times New Roman=times new roman,times;"+
                "Trebuchet MS=trebuchet ms,geneva;"+
                "Verdana=verdana,geneva;"+
                "Webdings=webdings;"+
                "Wingdings=wingdings,zapf dingbats",
                plugins: "image,advlist, table, autolink, charmap, code, colorpicker, contextmenu,link, lists, paste, preview, searchreplace,  spellchecker, textcolor, wordcount,emoticons"<?php //,lioniteimages"*/?>,
                /*image_list: [ 
                {title: 'My image 1', value: 'http://www.tinymce.com/my1.gif'}, 
                {title: 'My image 2', value: 'http://www.moxiecode.com/my2.gif'} 
            ],*/
                toolbar: "fontselect | fontsizeselect | forecolor | backcolor | bold | italic | underline | alignleft | aligncenter | alignright | alignjustify | bullist | numlist | outdent | indent | link | <?php //lioniteimages |?> image | print | media | code",
                tools: "inserttable",
                contextmenu: "link image inserttable | cell row column deletetable"
         });

tinymce.init({
                    mode : "specific_textareas",
                    editor_selector : "footer_editor",
                    height : "100"                
             });

Answer 1

editor_selector：“。footer_editor”

如果要使用class作为选择器，请不要忘记使用。 班级名称前

Answer 2

使用初始化对象

var init_obj = {
    selector:'textarea:not(.footer_editor)',
    relative_urls : false,
    remove_script_host : false,
    document_base_url : "<?php  print(get_system_url()); ?>",
    height : "360",
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
    font_formats: "Andale Mono=andale mono,times;"+
    "Arial=arial,helvetica,sans-serif;"+
    "Arial Black=arial black,avant garde;"+
    "Book Antiqua=book antiqua,palatino;"+
    "Comic Sans MS=comic sans ms,sans-serif;"+
    "Courier New=courier new,courier;"+
    "Georgia=georgia,palatino;"+
    "Helvetica=helvetica;"+
    "Impact=impact,chicago;"+
    "Symbol=symbol;"+
    "Tahoma=tahoma,arial,helvetica,sans-serif;"+
    "Terminal=terminal,monaco;"+
    "Times New Roman=times new roman,times;"+
    "Trebuchet MS=trebuchet ms,geneva;"+
    "Verdana=verdana,geneva;"+
    "Webdings=webdings;"+
    "Wingdings=wingdings,zapf dingbats",
    plugins: "image,advlist, table, autolink, charmap, code, colorpicker, contextmenu,link, lists, paste, preview, searchreplace,  spellchecker, textcolor, wordcount,emoticons"<?php //,lioniteimages"*/?>,
    toolbar: "fontselect | fontsizeselect | forecolor | backcolor | bold | italic | underline | alignleft | aligncenter | alignright | alignjustify | bullist | numlist | outdent | indent | link | <?php //lioniteimages |?> image | print | media | code",
    tools: "inserttable",
    contextmenu: "link image inserttable | cell row column deletetable"
}

tinymce.init(init_obj);

init_obj.selector = 'textarea.footer_editor';
init_obj.height = 300;

tinymce.init(init_obj);

Answer 3

我创建了一个简单的TinyMCE Fiddle，其中显示了两个textarea标记，这些标记用于调用两个具有不同高度的TinyMCE实例：

http://fiddle.tinymce.com/gqfaab

您的第一个init使用textarea的选择器，因此我怀疑您在调用第二个init之前已经在footerarea的textarea上初始化了TinyMCE，并且由于textarea已经为TinyMCE设置了，因此第二个init调用可能没有任何作用。 如果将我提琴中第一个init的选择器从textarea#area1为textarea您将看到第二个init不再影响其他文本区域。

我的建议是使用有针对性的选择（例如，引用每个textarea的ID textarea#area1或使用类别将它们分组在一起textarea.regular ）当你想在同一页上使用不同的编辑器不同inits。