使用ed.selection.setContent使用TinyMCE添加自定义标记

时间:2011-03-10 19:46:06

标签: tinymce

我正在尝试向在编辑器中选择的内容添加自定义标记,但<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]');

    }

1 个答案:

答案 0 :(得分:3)

这是要走的路

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

你没有看到任何东西,因为标题没有在头部以外定义。 您将使用firebug找到您的title-tag,它将保存您期望保留的内容(ed.selection.getContent()包装到title-tag中。):