Wordpress - 在编辑器中插入 html / 文本答案

【问题标题】：Wordpress - Insert html / text in the editorWordpress - 在编辑器中插入 html / 文本
【发布时间】：2011-05-05 22:12:55
【问题描述】：

我正在为 Wordpress 制作一个 Vimeo 上传插件，以便您可以直接从 wordpress 上传到 Vimeo 并直接嵌入。无论如何，我认为我已经完成了最难的部分，那就是身份验证（那里有不好的例子）。

现在我有另一个问题。在 Wordpress 中，您可以通过按下弹出窗口中的按钮将图像嵌入富文本编辑器中。（http://cl.ly/6Xns）（荷兰语中的“Invoegen in bericht”按钮）。

现在我想做同样的事情，当有人点击我的“invoegen”按钮（http://cl.ly/6Wmn）时，将“一些 tekst”（一个 url 就足够了）插入富文本区域，我该如何实现呢？

我在 Wordpress 网站上找不到任何 javascript 文档。希望有人可以提供帮助。我想，让我们看看另一个按钮是如何做到的，但是检查员在那个按钮上没有显示任何“点击”等。那些是在飞行中被迷住的，我不知道在代码中的哪里可以找到它。

希望有人能帮帮我。

亲切的问候。

【问题讨论】：

在下面的答案框中回答您自己的问题并点击接受。否则，您的问题将永远保持开放！
另外要注意的是，你知道Wordpress支持Oembed吗，所以用户只需将Vimeo URL粘贴到内容区域，它就会被转换为嵌入代码。

标签： javascript wordpress api tinymce

【解决方案1】：

自己修好了。

function appendText(text) {
//Insert content
parent.tinyMCE.activeEditor.setContent(parent.tinyMCE.activeEditor.getContent() + text);
//Close window
parent.jQuery("#TB_closeWindowButton").click();
}

【讨论】：

太棒了。只是一个补充：javascript 对象“tinymce”似乎是一个全局变量，并且很容易获得。所以当我这样做时我的代码有效：$('#insert-button').click(function() { tinymce.activeEditor.setContent(tinyMCE.activeEditor.getContent() + 'text inserted! '); });

【解决方案2】：

如果你想在当前光标位置添加文本，你可以使用mceInsertContent函数（内置TinyMCE函数）。

一个简单的例子是：

function addTextIntoEditor(myText){
    tinymce.activeEditor.execCommand('mceInsertContent', false, myText);
}

这是基于Magus的回答located here

【讨论】：