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”

如果您想使用类作为选择器，请不要忘记使用。课前名称

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小提琴，它显示了两个textarea标签，用于调用两个不同高度的TinyMCE实例：

http://fiddle.tinymce.com/gqfaab

你的第一个init使用了textarea的选择器，所以我怀疑你在调用第二个init之前已经在footerarea的textarea上初始化了TinyMCE，因为textarea已经为TinyMCE设置了第二个init调用可能什么都不做。如果您将我的小提琴中第一个init的选择器从textarea#area1更改为textarea，您将看到第二个init不再影响其他文本区域。

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

除了选中之外，如何将所有的tinymce编辑器作为标准

3 个答案: