javascript - 我如何获得 "codify"和 "beautify"代码？

Question

我创建了一些 javascript 代码，可以将代码更改为文本(编码)，因此人们可以复制和粘贴显示的代码。我想知道的是，如何美化代码本身(启用 block 级别、缩进等)？

Javascript 到目前为止:

$(".codify").each(function(){
    var text = $(this).html();
    $(this).html(text.replace('<', '&lt;').replace('>', '&gt;').replace("/","&#47;").replace("/n", "<br />")); 
});

Answer 1

通常我们为此使用 javascript 插件，您可以在 StackOverflow 中找到很多关于这个主题的问题，like this和 this .

但想法是，因为您不能使用普通的 textarea为代码着色，因为该元素不支持着色，所以想法是有一个 <textarea>输入代码，然后将解析后的代码呈现在 <div> 中.

我过去使用的库之一是 http://jsBeautifier.org/

您可以在那里测试它并在您的应用程序中使用该库(并使用默认选项，因为它们有“百万”个):

var txt = $("textarea").val(),
    output = js_beautify(txt);

$("div.beautified").html(output);

您可以查看他们的主页源代码，也可以使用他们的“cazilion”选项。

所有其他答案都有其他几个选项，选择最适合您的应用程序!