Javascript Tinymce 3-单击自定义按钮后在新块中插入新内容
我想问一下,是否有可能在最近添加的内容之外添加新内容。 所以,我有一个自定义按钮,它添加了一些简单的HTML。 我想归档的是添加相同的html,但在现有html之外,所以在屏幕截图上标记为绿色。我正在寻找一种方法,如何摆脱这个div,并在现有的html之后添加新的html 下面的屏幕截图和代码——javascript按钮是如何生成的——非常简单 谢谢你的建议。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”,
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);
}
});
},