连续弹出窗口中的复选框
Checkbox in tinymce popup window
我想使用tinymce在弹出窗口中创建复选框。我可以在弹出窗口中创建列表框,但不能在其中创建复选框。
var tempGroups = ['Group1', 'Group2', 'Group3', 'Group4'];
var temp = [{
group: 'Group1',
title: 'Title1',
content: '<p>Content1</p>',
}, {
group: 'Group1',
title: 'Title1-1',
content: '<p>Content11</p>',
}, {
group: 'Group2',
title: 'Title2',
content: '<p>Content2</p>'
}, {
group: 'Group2',
title: 'Title2-1',
content: '<p>Content22</p>'
}, {
group: 'Group3',
title: 'Title3-1',
content: '<p>Content33</p>'
}, {
group: 'Group4',
title: 'Title4',
content: '<p>Content4</p>'
}, {
group: 'Group4',
title: 'Title4-1',
content: '<p>Content44</p>'
}];
var tempGroupName;
var menuItems = [];
function createTempMenu(editor) {
for (i = 0; i < tempGroups.length; i++) {
var tempArray = [];
tempArray[i] = [];
tempGroupName = tempGroups[i];
for (j = 0; j < temp.length; j++) {
if (temp[j].group == tempGroupName) {
tempArray[i].push({
text: temp[j].title,
content: temp[j].content,
// type: 'checkbox',
onclick: function () {
alert(this.settings.content);
}
});
}
}
menuItems[i] = {
text: tempGroupName,
menu: tempArray[i],
};
}
return menuItems;
}
tinymce.init({
selector: "textarea",
setup: function (editor) {
editor.addButton('button', {
type: 'menubutton',
text: 'button',
icon: false,
menu: [
{
text: 'Customer List',
onclick: function () {
editor.windowManager.open({
title: 'Customer Name',
width: 200,
height: 100,
items: [
{
type: 'listbox',
value: 0,
label: 'Section: ',
values: createTempMenu(editor),
body: [
{
type: 'checkbox',
label: 'Section: ',
// text: "new",
values: createTempMenu(editor),
}],
onsubmit: function (e) {
}
}]
});
}
}]
});
},
toolbar: " button "
});
任何帮助都将不胜感激。
一个老问题刚刚找到。如果你还在寻找答案,你可以参考他们的参考资料。这里有更多的细节
在tinymce 中有一种类型叫做checkbox
{
type : 'checkbox',
name : 'choose the name',
label : 'choose a label',
text : 'the text near the checkbox',
checked : false
},
相关文章:
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- 在 Telerik RadGrid 中单击复选框时打开对话框窗口
- 连续弹出窗口中的复选框
- 如何在iframe窗口中只允许选中一个复选框
- 将多个复选框值从父窗口传递到弹出窗口
- 如何在带有复选框按钮的 HTML 弹出窗口中显示结果
- 如何在 MVC-4 中的编辑模式弹出窗口中获取复选框
- 如何根据 Javascript 中的复选框选择打开引导模式窗口
- 在打开的引导弹出窗口中保留复选框
- Jquery for 复选框不适用于模型弹出窗口
- 隐藏或删除在下拉列表中选择后在颜色框弹出窗口上的复选框
- 在打开窗口中处理复选框
- 如果在 Yii 中选中复选框,则弹出一个窗口
- 使用 JavaScript 将选定的复选框 ID 传递到弹出窗口
- 将父窗口中的复选框值获取到javascript中的弹出窗口中
- 如何在HTML中选择复选框时创建弹出窗口
- 根据从弹出窗口中选择的复选框,重定向
- Jquery 弹出窗口将选定的复选框值传递到父窗口不起作用
- 引导弹出窗口不保存复选框
- 选中/取消选中复选框的弹出窗口