gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 04:33:00 25 4
gpt4 key购买 nike

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

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

谢谢你的建议。 enter image description here

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 次时的样子。(每个下一个内容都会添加到现有内容中。) enter image description here

最佳答案

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

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

关于javascript - Tinymce 3 - 单击自定义按钮后在新 block 中插入新内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43411210/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com