Redactor文本编辑器– 在代码视图中重新缩进缩小的HTML

Redactor Text Editor – Re-Indent Minified HTML In Code View?

本文关键字:新缩进 缩进 HTML 缩小 视图 编辑器 文本编辑 文本 #160 代码 Redactor      更新时间:2023-09-26

当使用出色的密文编辑器的代码视图编写原始HTML时,我已经对我的应用程序进行了编程,以便在按键事件中保存草稿。然后,在保存到数据库之前,HTML在服务器端被缩小和净化,然后它被传递到客户端,在那里我使用在文本编辑器中设置回代码

$('#blogpost-html').redactor('code.set', data.html);

然而,如果查看者正在查看代码编辑器,则每次更改后,他们的代码都会被缩小,这将导致丢失第一次切换和显示代码视图时自动应用的漂亮缩进密文。

我可以切换到文本视图,然后返回到代码视图,让redact将漂亮的缩进重新应用到缩小的HTML中。我想知道是否有一个函数密文的API公开,我可以在设置HTML代码后立即调用它

我一直在找,但似乎什么也找不到。。。

在查看了Redactor源代码后,我发现我可以简单地访问他们的tabifier模块,并自己重新缩进代码,如下所示:

      var text_editor = $('#post-html').redactor({
            codeKeyupCallback: function(e) {
                var self = this;
                post.html = this.code.get();
                savePostDraft(function(error, saved_post) {
                    self.code.set(self.tabifier.get(saved_post.html));
                });
            }
        });