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

我试图向编辑器中选择的内容添加自定义标记，但

内容

不起作用。不过这是可行的：

[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>');

    }

这就是路

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

你看不到任何东西，因为标题不是在头部以外的地方定义的。

---

您将使用firebug找到您的标题标签，它将保存您希望保存的内容（ed.selection.getContent（）包装到标题标签中。）：

我使用的是“title”而不是我的特定标签，因此它可能误导了您的答案。让我们假设标记名为“abc”-我在extended_valid_elements和custom_elements设置中有这个标记。我仍然无法在我定义的textarea中创建in标记。这样做的目的是，用户在添加内容时将在textarea字段中看到一个描述性标记。TinyMCE可能吗？顺便说一句，我明白你对Firebug所说的，以及标签将如何保存我期望的内容。那部分似乎有用。我只想在UI中显示相同的标记，因为它对用户很有帮助。有办法做到这一点吗？有办法，但不是很简单，您可以使用jQuery（或获取节点usign document.getelementBy…）获取UI节点，并在其中添加一个html节点，在那里可以显示消息、描述和任何您喜欢的内容。当然，您需要注意UI的样式和外观

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