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

Question

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

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

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

显示示例： 仅在前端美化（不随内容提交样式）。

编辑示例：我不想编辑被美化。

问题示例：这就是我不想让小编应用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" 的内容，如果未找到，则加载美化脚本，否则如果找到编辑器（意味着页面上有编辑器） )，它永远不会加载。

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

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

Force ignore Prettify within Redactor Editor?

html

javascript

css

jquery

redactor