如何配置js美化程序设置来实际美化我的HTML/Javascript代码

how to configure jsbeautifier settings to actually beautify my HTML/Javascript code

本文关键字:我的 HTML 代码 Javascript 程序 何配置 配置 js 设置      更新时间:2023-09-26

我看到了几个关于如何格式化HTML和javascript代码的问题。一个常见的答案似乎是jsmerize(以及jsmerize.js的GitHub页面)是一个很好的解决方案。

然而,我似乎无法正确格式化我的任何代码,我想知道是否有一些默认参数需要更改,或者我只是误解了美化应该做什么。但相反,我看到的是(这似乎不是js美化程序独有的),有时几个标签会在同一行上组合字符串,而打断该行的指令会被忽略。

示例1:

我直接从这个问题中举了这个例子。

<div id="hlogo">
    <a href="/">Stack Overflow</a>ABC</div>

当我进入jsbeautier.org并输入上面的代码并点击"Beautify Javascript或HTML"时,它什么都不做!我希望输出看起来像这样:

<div id="hlogo">
    <a href="/">Stack Overflow</a>ABC
</div>

这是另一个例子。我选择了"换行接近80个字符"。

<!--Meta 6,1--><span><div>Just some sample text here which is fairly long, maybe about 100 characters or so, I'm not really counting.<input id="sdlkjhfkjhjkjhfjdfjkshdfkjshk"/><script type="text/javascript">;
</script></div></span>

其输出如下。请注意,没有进行包装。

<!--Meta 6,1--><span><div>Just some sample text here which is fairly long, maybe about 100 characters or so, I'm not really counting.<input id="sdlkjhfkjhjkjhfjdfjkshdfkjshk"/><script type="text/javascript">;
<
/script></div > < /span>

为什么<span><div>,最好是<input>不在单独的线路上?为什么开口&lt;在一条单独的线上?我期待着这样的东西:

<!--Meta 6,1-->
<span>
    <div>
        Just some sample text here which is fairly long, maybe about 100 
        characters or so, I'm not really counting.
        <input id="sdlkjhfkjhjkjhfjdfjkshdfkjshk"/>
        <script type="text/javascript">;
        </script>
    </div > 
</span>

我需要传递一些参数才能使其工作吗?我已经看了这方面的文件,但结果是空的。

您列出的第一个示例

<div id="hlogo"> <a href="/">Stack Overflow</a>ABC</div>

工作不正常,因为ABC周围的正向斜杠导致美化将其读取为正则表达式。

在包装的例子中,我认为有一个问题,因为你在单词I'm中有一个撇号。我把它拿了出来,然后美化了一下。你试过回复吗?它是免费的,有一个更漂亮的按钮,我发现它运行得很好。