Javascript 如何在TinyMCE下拉菜单中添加分隔符
我正在开发一个WordPress插件,我可以添加TinyMCE按钮,在单击时显示下拉菜单。但是,我想在下拉菜单中添加一个水平分隔符,即水平线来分组选项 我在谷歌上搜索了一段时间,我找到的唯一信息是关于添加垂直分隔符的,即菜单上按钮之间的垂直线 是否可以在TinyMCE中的下拉菜单中添加水平分隔符,如果可以,我该怎么做?或者,我的唯一选择是使用子菜单对这些其他项目进行分组Javascript 如何在TinyMCE下拉菜单中添加分隔符,javascript,wordpress,tinymce-4,Javascript,Wordpress,Tinymce 4,我正在开发一个WordPress插件,我可以添加TinyMCE按钮,在单击时显示下拉菜单。但是,我想在下拉菜单中添加一个水平分隔符,即水平线来分组选项 我在谷歌上搜索了一段时间,我找到的唯一信息是关于添加垂直分隔符的,即菜单上按钮之间的垂直线 是否可以在TinyMCE中的下拉菜单中添加水平分隔符,如果可以,我该怎么做?或者,我的唯一选择是使用子菜单对这些其他项目进行分组 ed.addButton('d12-mb-button-2', { title
ed.addButton('d12-mb-button-2', {
title:'Add a message block with a custom title',
type:'menubutton',
image: url + '/d12-mb-mce-button-2.png',
menu: [
{
text: 'Part of a series',
value: 'Part',
icon: 'icon d12mb-part',
onclick: function() {
ed.windowManager.open( {
title: 'Please enter the data for this message box',
body: [{
type: 'textbox',
name: 'title',
label: 'This series of articles is about:'
},
{
type: 'textbox',
minHeight: 200,
minWidth: 400,
multiline: 'true',
name: 'description',
label: 'Description of this series:'
}
],
onsubmit: function( epart ) {
ed.selection.setContent('[d12-part series="' + epart.data.title + '"]' + epart.data.description + '[/d12-part]');
}
});
}
}, // End of "Part"
{
text: 'Add a support message',
value: 'Support',
icon: 'icon d12mb-support',
onclick: function() {
ed.windowManager.open( {
title: 'Please enter the support information',
body: [{
type: 'textbox',
name: 'title',
label: 'Support title:'
},
{
type: 'textbox',
minHeight: 200,
minWidth: 400,
multiline: 'true',
name: 'description',
label: 'Support message:'
}
],
onsubmit: function( esupport ) {
ed.selection.setContent('[d12-support title="' + esupport.data.title + '"]' + esupport.data.description + '[/d12-support]');
}
});
}
}, // End of "Support"
我需要在“部分结束”项之后添加一个水平分隔符
FWIW,我正在处理的整个文件是。如果我理解正确,我不介意,但是如果您需要在-下拉菜单格式中-在下标后和格式前-使用这样的水平线,API中有一个解决方案:在菜单项之间插入|管道字符
也许在您的情况下,您可以重写代码以匹配模式并应用|。如果我理解正确,我不介意,但是如果您需要在下标之后和格式之前的下拉菜单格式中的水平线,API中有一个解决方案:在菜单项之间插入一个|管道字符
也许在您的情况下,您可以重写代码以匹配模式并应用|。我找到的所有文档都是用于在菜单栏上的图标组之间插入垂直分隔符的。我在下拉菜单中找不到任何关于在项目组之间添加水平分隔符的信息 但是,经过大量实验,我发现以下代码:
{
text: '|'
},
将添加一个水平分隔符
我找到的所有文档都是关于在菜单栏上的图标组之间插入垂直分隔符的。我在下拉菜单中找不到任何关于在项目组之间添加水平分隔符的信息 但是,经过大量实验,我发现以下代码:
{
text: '|'
},
将添加一个水平分隔符
我正在使用TinyMCE 4.5.1。这对我不起作用,但确实让我找到了正确的答案
要在下拉菜单上获取水平规则,请创建如下菜单项:
{
title: '|'
}
我正在使用TinyMCE 4.5.1。这对我不起作用,但确实让我找到了正确的答案
要在下拉菜单上获取水平规则,请创建如下菜单项:
{
title: '|'
}
我知道这是一条旧线。 但是,您可以使用“分隔符”作为类型
const init = {
...,
setup: (editor) => {
editor.ui.registry.addMenuButton('split-links', {
icon: 'link',
tooltip: 'Insert link',
fetch: (callback) => {
const items = [
{
type: 'menuitem',
text: 'Internal link',
onAction: () => {
//Define action here
}
},
{
type: 'separator'
},
{
type: 'menuitem',
text: 'External link',
onAction: () => {
//Define action here
}
}
];
callback(items);
}
}
}
}
我知道这是一条旧线。 但是,您可以使用“分隔符”作为类型
const init = {
...,
setup: (editor) => {
editor.ui.registry.addMenuButton('split-links', {
icon: 'link',
tooltip: 'Insert link',
fetch: (callback) => {
const items = [
{
type: 'menuitem',
text: 'Internal link',
onAction: () => {
//Define action here
}
},
{
type: 'separator'
},
{
type: 'menuitem',
text: 'External link',
onAction: () => {
//Define action here
}
}
];
callback(items);
}
}
}
}
谢谢,但该文档是用于在作为图标的菜单项之间添加垂直分隔符的。感谢您的关注。谢谢,但该文档是用于在图标菜单项之间添加垂直分隔符的。感谢您的关注。正如kopernik_elfka在回答中所说的,我想?他链接的页面涉及的是菜单项,而不是下拉菜单。但在这两种情况下,代码几乎是一样的。我感到惊讶的是,在某些地方没有记录到这一点。官方文件中有许多内容模糊不清。谢谢正如kopernik_elfka在回答中所说的那样,我想他链接的页面涉及的是菜单项,而不是下拉菜单。但在这两种情况下,代码几乎是一样的。我感到惊讶的是,在某些地方没有记录到这一点。官方文件中有许多内容模糊不清。谢谢