Javascript 如何将标题（h1、h2…）按钮添加到具有高级主题、简单布局的tinyMCE？

我有一个使用高级主题的tinyMCE编辑器。我在这个高级主题上使用简单的布局，这样我就可以在init（）上定义自己的工具栏，而不必深入了解tinyMCE正在做什么

我的问题是，我的编辑器没有添加标题元素的按钮。我迫切需要这个选择，但在这个问题上找不到切实可行的建议

我所做的一切都发生在tinymce.init（）函数中，我已将其粘贴到下面：

$("textarea.tinymce").not(".simple").tinymce({
            script_url : "/_lib/script/tiny_mce/tiny_mce.js",
            plugins : "wordcount,paste,spellchecker,table",
            theme : "advanced",
            theme_advanced_layout_manager : "SimpleLayout",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_toolbar_location : "top",
            theme_advanced_buttons1
                : "bold,italic,underline,strikethrough,|,sub,sup,|,charmap,|,forecolorpicker",
            theme_advanced_buttons2
                : "undo,redo,|,cut,copy,pastetext,pasteword,|,link,unlink,anchor,|,image,code",
            theme_advanced_buttons3 : "",
            theme_advanced_toolbar_align : "left",
            height : 480,
            apply_source_formatting : false,
            convert_fonts_to_spans : true
        });

我正在使用jquery插件访问tinyMCE（我确信这与我的问题无关，但它解释了代码）

我的一个想法是使用theme_advanced_styles选项，但我不认为这将允许我插入实际的标题标记，而只是使用跨距和其他类似标题的样式来设置标记

非常感谢您的任何想法。 干杯

---

J

这里有一个按钮，它可以使段落变为标题。将“formath1”添加到按钮列表，并将其添加到tinymce init

setup : function(ed){
    ed.addButton('formath1', // name to add to toolbar button list
    {
        title : 'Make h1', // tooltip text seen on mouseover
        image : 'http://myserver/ma_button_image.png',
        onclick : function()
        {
        ed.execCommand('FormatBlock', false, 'h1');
        }
    });
},

---

通过

formatselect

和

theme:'advanced'

instances'

theme\u advanced\u按钮[1-3]

列表，可以添加带有隐式样式的标题和其他元素：

tinyMCE.init({
    mode : 'textareas',
    theme : 'advanced',
    editor_selector : 'mceAdvanced',
    plugins: 'autolink,inlinepopups',
    theme_advanced_blockformats: 'p,address,pre,h1,h2,h3,h4,h5,h6',
    theme_advanced_buttons1: 'formatselect,|,bold,italic,removeformat',
    theme_advanced_buttons2: '',
    theme_advanced_buttons3: '',
    theme_advanced_toolbar_location: 'top',
    theme_advanced_statusbar_location: 'bottom',
    theme_advanced_resizing: true,
    theme_advanced_resize_horizontal: false,
    relative_urls: false
});

我多余地包含了默认值，只是为了演示，但说明自2010年10月28日起，该元素列表可以减少或添加到以下元素中：

 `p,div,h1,h2,h3,h4,h5,h6,blockquote,dt,dd,code,samp`

---

我发现这是解决这个问题的完美方法。被接受的答案也行。我们发现的唯一问题是，当光标位于标题处时，“标题”按钮不显示为活动状态，因此，再次按下按钮以还原格式是不直观的。标题插件正确地显示了活动状态。

如果每个标题元素都有一个按钮，您想要一个下拉列表还是足够？一个按钮就可以了。衷心感谢。这正是我一直在寻找的！我可以问一下，我是否应该看一些特定的文档来了解这些东西？很高兴能够提供帮助，除了配置选项之外，我找不到更多其他选项。该页面保存了所有内容，但需要一些时间来了解如何使用them@Thariama-是否可以只对高亮显示的文本执行此操作？@Webnet:这是可能的，但在这种情况下，高亮显示的文本会通过选择类放入一个或多个跨距中。您是在寻找段落解决方案（为受高亮文本影响的段落指定一个类）还是只影响高亮文本的解决方案？@Thariama:高亮文本的解决方案