WordPress - 在编辑器中插入html /文本

Wordpress - Insert html / text in the editor

本文关键字:html 文本 插入 编辑器 WordPress      更新时间:2023-09-26

我正在为Wordpress制作一个Vimeo Upload插件,以便您可以直接从WordPress上传到Vimeo并直接嵌入它。无论如何,我认为我已经完成了最困难的部分,那就是身份验证(那里的坏例子)。

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

现在我想做同样的事情,当有人点击我的"invoegen"按钮(http://cl.ly/6Wmn)时,将"some tekst"(一个 url 就足够了)插入富文本区域,我该如何实现这一点?

我在Wordpress网站上找不到任何javascript文档。希望有人能帮忙。我想,让我们看看另一个按钮是如何做到的,但检查器没有在该按钮上显示任何"点击"等。那些是即时上钩的,我不知道在代码中的哪个位置寻找它。

希望有人能帮助我。

亲切问候。

自己修复了它。

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

对于那些想要在当前光标位置添加文本的人,您可以使用mceInsertContent函数(内置的TinyMCE函数)。

一个简单的例子是:

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

这是基于马格斯的答案位于这里