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

Question

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

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

谢谢你的建议。

var oferta = '<div class="col-sm-3"><h1>test</h1></div>'
setup: function (ed) {
        ed.addButton('example', {
            title: 'example.desc',
            image: './/',
            text: 'Oferta',
            icon: true,
            onclick: function () {
                tinyMCE.execCommand('mceInsertContent', false, oferta);
            }
        });
    },

编辑：当我连续按 3 次按钮时，下面是现在的样子。（每个下一个内容都添加到现有内容中。）

Answer 1

尝试使用此示例更改您的代码非常容易。

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);
        }
    });
},