javascript - 强制忽略 Redactor 编辑器中的 Prettify？

Question

我目前正在寻找一种在我的网站中实现美化以允许在页面内容中发布代码片段的方法。

问题:我正在使用 Redactor WYSIWYG，这在编辑器中引起了一些问题(在编辑器中美化代码块的样式，将样式化的 html 添加到 HTML View 以及将内容提交到数据库)

有什么办法可以强制编辑器在编辑内容时忽略美化样式，只将样式应用于最终提交的内容(当显示在页面上时)。

显示示例:仅在前端美化(不随内容提交样式)。

编辑器示例:我不希望编辑器被美化。

问题示例: 这就是为什么我不希望编辑器应用 prettify 的原因。

问题是，当您回来编辑文章时，它会在内容中应用美化样式，然后该样式显示为纯文本(作为代码片段内容的一部分)。

有没有办法在 Redactor 中强制忽略美化或解决我的问题？

美化来源:https://github.com/google/code-prettify

编辑者:http://imperavi.com/redactor/

Answer 1

对于任何其他有兴趣在其网站上结合使用 Prettify 和 Redactor 的人，我使用以下 javascript 解决了我的问题:

$(document).ready(function() {
            if (!$('#redactor').length){
                //Redactor Editor Not Found
                var x = document.createElement('script');
                    x.src = 'js/prettify/run_prettify.js?autoload=true';
                    document.getElementsByTagName("head")[0].appendChild(x);
            }
        });

加载时，脚本将查找任何包含 id="redactor"的内容，如果未找到，则加载 prettify 脚本，否则如果找到 redactor(意味着您在页面上有一个编辑器)，它是从未加载。

这可以防止编辑器在编辑器中继承美化样式并在您的内容中提交它。