我试图自定义插件中的编辑器按钮的行为。单击时,它会打开一个模式,用户可以在其中输入一些文本。确认后,我想将此文本包装成代码标记。但我不想把这个文本当作文本编辑器,我想把它作为视觉文本来处理。这意味着,我想保留任何格式(空格和换行符),但不接受我之后添加的代码标记之外的任何其他标记。
function showDialog() {
var win = ed.windowManager.open({
title: "Insert code",
body: {
type: 'textbox',
name: 'code',
multiline: true,
minWidth: ed.getParam("code_dialog_width", 600),
minHeight: ed.getParam("code_dialog_height", Math.min(tinymce.DOM.getViewPort().h - 200, 500)),
spellcheck: false,
style: 'direction: ltr; text-align: left'
},
onSubmit: function(e) {
ed.focus();
ed.undoManager.transact(function() {
ed.insertContent('<code>' + e.data.code + '</code>');
});
ed.selection.setCursorLocation();
ed.nodeChanged();
}
});
}
首先,我将该函数包装在标记中,并确保通过在该函数的末尾添加showDialog()来启动该函数,以便DOM知道调用该函数。除了从自动填充格式禁用内容过滤器之外,使用wordpress的内容过滤器无论如何都会添加空格。如果你去https://www.willpeavy.com/minifier/这样的网站并将你的代码复制到那里并缩小空格,你应该能够将它包含在MCE的文本(而不是Visual)选项卡中。这就是说在MCE中运行功能代码真的很糟糕,你最好为它制作一个单独的页面/帖子模板。