tinymce - 使用 ed.selection.setContent 添加带有 TinyMCE 的自定义标签

Question

我正在尝试向编辑器中选择的内容添加自定义标签，但 <title>内容 </title>不起作用。这虽然有效:[title]内容 [/title]
谷歌搜索让我相信我也需要使用这些行，但这无济于事:

extended_valid_elements : "title",
custom_elements: "title",

例子:

由于某种原因，此代码不起作用:

setup : function(ed) {
    // Add a custom button
    ed.addButton('mybutton', {
    title : 'My button',
    'class' : 'Mybutton',
    image : 'img/example.gif',
    onclick : function() {
        // Add you own code to execute something on click
        ed.focus();
        ed.selection.setContent("<title>" + ed.selection.getContent() + '</title>');

    }

但这有效:

setup : function(ed) {
    // Add a custom button
    ed.addButton('mybutton', {
    title : 'My button',
    'class' : 'Mybutton',
    image : 'img/example.gif',
    onclick : function() {
        // Add you own code to execute something on click
        ed.focus();
        ed.selection.setContent("[title]" + ed.selection.getContent() + '[/title]');

    }

Answer 1

这是要走的路

extended_valid_elements : "title",
custom_elements: "title",

你看不到任何东西，因为标题不是在头部之外的其他地方定义的。
您将使用 firebug 找到您的标题标签，它会保存您希望保存的内容(ed.selection.getContent() 包装到标题标签中。):