Javascript Tinymce 3-单击自定义按钮后在新块中插入新内容

Javascript Tinymce 3-单击自定义按钮后在新块中插入新内容,javascript,jquery,tinymce-3,Javascript,Jquery,Tinymce 3,我想问一下,是否有可能在最近添加的内容之外添加新内容。 所以,我有一个自定义按钮,它添加了一些简单的HTML。 我想归档的是添加相同的html,但在现有html之外,所以在屏幕截图上标记为绿色。我正在寻找一种方法,如何摆脱这个div,并在现有的html之后添加新的html 下面的屏幕截图和代码——javascript按钮是如何生成的——非常简单 谢谢你的建议。 var of erta='test' 设置:功能(ed){ ed.addButton('示例'{ 标题:“example.desc”,

我想问一下,是否有可能在最近添加的内容之外添加新内容。 所以,我有一个自定义按钮,它添加了一些简单的HTML。 我想归档的是添加相同的html,但在现有html之外,所以在屏幕截图上标记为绿色。我正在寻找一种方法,如何摆脱这个div,并在现有的html之后添加新的html

下面的屏幕截图和代码——javascript按钮是如何生成的——非常简单

谢谢你的建议。

var of erta='test'
设置:功能(ed){
ed.addButton('示例'{
标题:“example.desc”,
图像:'./',
文本:“Oferta”,
图标:没错,
onclick:function(){
tinyMCE.execCommand('mceInsertContent',false,of erta);
}
});
},
编辑:当我连续三次点击按钮时,下面是现在的样子。(下一个内容将添加到现有内容中。)

很容易做到,请尝试使用此示例更改代码

setup: function (editor) {
    ed.addButton('example', {
        title: 'example.desc',
        image: './/',
        text: 'Oferta',
        icon: true,
        onclick: function () {
            var h1 = editor.dom.create('h1');
            h1.innerText = 'test';
            var oferta = editor.dom.create('div' ,{'class': 'col-sm-3'});
            oferta.appendChild(h1);
            var divs = editor.dom.select('div');
            if(divs && divs.length > 0){
              editor.dom.insertAfter(oferta,divs[divs.length-1])
            }else{
              tinyMCE.execCommand('mceInsertContent', false,oferta.outerHTML);
            }
            editor.selection.select(oferta);
            editor.selection.collapse(true);
        }
    });
},

太好了!谢谢我不太了解tinymce,但现在我在文档中看到了很多有用的东西,比如dom.selection或dom.element。谢谢!我希望它添加图像而不是“测试”,如:
setup: function (editor) {
    ed.addButton('example', {
        title: 'example.desc',
        image: './/',
        text: 'Oferta',
        icon: true,
        onclick: function () {
            var h1 = editor.dom.create('h1');
            h1.innerText = 'test';
            var oferta = editor.dom.create('div' ,{'class': 'col-sm-3'});
            oferta.appendChild(h1);
            var divs = editor.dom.select('div');
            if(divs && divs.length > 0){
              editor.dom.insertAfter(oferta,divs[divs.length-1])
            }else{
              tinyMCE.execCommand('mceInsertContent', false,oferta.outerHTML);
            }
            editor.selection.select(oferta);
            editor.selection.collapse(true);
        }
    });
},