javascript - CKeditor Preview Plugin.js，针对 Chrome 和 IE 进行编辑。因为它拒绝CSS样式

Question

我正在将所见即所得编辑器集成到一个相当简单的 CMS 中。我选择了 CKeditor 并使用“预览”按钮。这个东西就是在三大主流浏览器中不一致。 (IE、Chrome 和 Firefox)。

如果您曾经使用过 CKeditor，您就会知道在它附带的文件中有两个位置可以找到“preview.html”。这些是:

http://sitename/ckeditor/plugins/preview

和

http://sitename/ckeditor/_source/plugins/preview

后者还包含一个与预览插件相关的plugin.js 文件，我觉得我的问题的答案就在其中。该代码可以在这里找到:

http://jsfiddle.net/keKLP/

只是为了让你能看到它。现在的问题是默认情况下预览只是纯文本。因此，我编辑了 Preview.html 页面，并将从编辑器中提取内容的代码封装在 HTML 中，包括样式表引用和图像路径。在 Firefox 中这可以正常工作，但仅限于 Firefox。在 Chrome 和 IE 中，它没有任何样式、图像，什么也没有。当我查看它时，我注意到 Firefox 预览会打开一个指向实际地址的新窗口。地址为:

http://mysite.co.uk/ckeditor/plugins/preview/preview.html

当 IE 和 Chrome 打开一个新窗口/选项卡时，指向:

about:blank

查看上面列出的 JavaScript 文件 (plugin.js)，我可以发现它对 Firefox 的作用与其他浏览器不同。我几乎改变了文件中“路径”或“URL”的所有内容，试图让它指向与其他浏览器中的 Firefox 相同的位置，而不是 about:blank。

但是我不是 JavaScript 专家，我觉得我对确切问题的理解还不够。这让我抓狂，谁能指出我应该查看的文件中的一些 JavaScript 代码，或者阐明这个问题？任何帮助是极大的赞赏。

Answer 1

有一种可能的方法可以跟踪预览插件 .js 文件并尝试编辑它调用预览弹出窗口的方式。然而，这是冗长且有问题的，因为它在 Firefox 中似乎总是比任何其他浏览器工作得更好。

我的解决方案是删除 ckeditor 并实现 TinyMCE。预览页面更容易编辑，并且不会造成任何问题。