向tinyMCE全屏添加关闭按钮
向tinyMCE全屏添加关闭按钮
提问于 2012-01-09 19:00:10
我想添加一个关闭全屏选项到tinyMCE编辑器。有时用户不知道他们必须单击工具栏上的“全屏”图标才能关闭全屏模式。因此，我在插件中添加了以下内容：
$('#mce_fullscreen_container').click(function (e) {
e.stopPropagation();
tinyMCE.activeEditor.execCommand('mceFullScreen');
});但是，当用户在所见即所得区域内单击时，也会调用此函数。mce_fullscreen_container是所见即所得周围的灰色区域，我想要它，这样当在所见即所得编辑器之外单击时，全屏模式将关闭。
我尝试过应用.not("#mce_fullscreen_container")，它位于容器内部，但没有成功。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-13 01:16:39
名为e的变量是单击事件。检查单击事件的目标，并根据该目标运行tinyMCE.activeEditor.execCommand('mceFullScreen'); (如果合适)。祈祷这是可行的，因为我目前没有办法测试它。
有关更高级的TinyMCE编程，请查看setup配置选项，该选项可以接受一个名为的函数，您可以使用该函数为编程式事件配置编辑器。如果你需要做多件事，它是非常有用的。
http://www.tinymce.com/wiki.php/API3:event.tinymce.Editor.onClick
该示例在您的上下文中很有用，因为它可能是让TinyMCE执行您想要的操作的一种更简洁的方法：
// Adds an observer to the onClick event using tinyMCE.init
tinyMCE.init({
...
setup : function(ed) {
ed.onClick.add(function(ed, e) {
console.debug('Editor was clicked: ' + e.target.nodeName);
// check target here to see if it is your close button and if so...
});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8787372
复制相关文章
相似问题
腾讯云开发者
