javascript - TinyMCE - 如何关闭视觉辅助打印？

Question

我最近将 TinyMCE 4.0b2 添加到我一直在开发的 Web 应用程序中。

我需要打开视觉辅助工具进行编辑，但在打印时关闭，并花了相当多的时间通过他们的论坛、StackOverflow 和 google 寻找解决方案，但无济于事!

Answer 1

所以...我决定亲自调查这个问题!

为了使其正常工作，我必须手动“调整”打印插件的打印命令。

以下修复适用于 TinyMCE v.4.0b2(撰写本文时可用的版本)；它可能会或可能不会与 TinyMCE 的先前版本和 future 版本一起使用。

打印插件文件位于js/tinymce/plugin/print/目录下。

在您喜欢的编辑器中打开plugin.min.js 文件，您将看到如下内容:

tinymce.PluginManager.add("print",function(e){e.addCommand("mcePrint",function(){e.getWin().print();}),e.addButton("print",{title:"Print",cmd:"mcePrint"}),e.addMenuItem("print",{text:"Print",cmd:"mcePrint",icon:"print",shortcut:"Ctrl+P",context:"file"})});

在浏览tinymce源代码后，我发现了hasVisual编辑器属性和mceToggleVisualAid命令。然后我将这两个添加到打印插件中

if(e.hasVisual){e.execCommand("mceToggleVisualAid");}

就在调用代码之前

e.getWin().print();

成品如下:

tinymce.PluginManager.add("print",function(e){e.addCommand("mcePrint",function(){if(e.hasVisual){e.execCommand("mceToggleVisualAid");} e.getWin().print();}),e.addButton("print",{title:"Print",cmd:"mcePrint"}),e.addMenuItem("print",{text:"Print",cmd:"mcePrint",icon:"print",shortcut:"Ctrl+P",context:"file"})});

我希望这可以帮助将来遇到此问题的人。