Tinymce 3 - 在自定義按鈕點擊後在新塊中插入新內容

Question

我想問是否有可能在最近添加的內容「外部」添加新內容。 所以，我有自定義按鈕，它添加了一些簡單的HTML。 而我想要存檔的是添加相同的html，但在現有的之外，所以在我的屏幕截圖上標記爲綠色。我正在尋找一種方法如何從這個div中逃脫，並添加新的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); 
     } 
    }); 
},