如何在Sublime Text 3中设置HTML段落标签换行格式化？

嘿，刚好我之前也在Sublime里折腾过类似的HTML格式化需求，给你几个靠谱的解决办法，应该能帮你实现<p>和</p>单独换行的效果！

方法一：修改HTML/CSS/JS Prettify的配置（推荐） #

你已经装了这个插件，它基于js-beautify，我们可以通过调整配置来强制p标签前后换行：

1. 打开Sublime顶部菜单的 Preferences -> Package Settings -> HTML/CSS/JS Prettify -> Settings - User
2. 在打开的配置文件里，添加或者修改这两个关键配置项：

   {
     // 保留你已有的其他配置...
     "extra_liners": ["head", "body", "/html", "p", "/p"],
     "wrap_line_length": 0
   }
   

   • extra_liners：这个选项指定哪些标签的前后要强制换行，把p和/p加进去，就能让<p>单独占一行，</p>也单独占一行。
   • wrap_line_length：设为0是禁用自动换行（如果你希望段落内容超过一定长度自动换行，可以改成80或者你想要的数值）。
3. 保存配置后，用插件的格式化快捷键（默认是Ctrl+Shift+H）重新格式化你的HTML文件，应该就能看到效果了。

方法二：自定义正则替换快捷键 #

如果上面的方法没达到预期，还可以用Sublime的正则替换功能做个快捷键，专门处理p标签：

1. 打开 Preferences -> Key Bindings - User
2. 添加下面的配置（可以自定义快捷键，比如我用的是Ctrl+Shift+P，你可以换成自己顺手的组合）：

   [
     // 保留你已有的其他快捷键配置...
     {
       "keys": ["ctrl+shift+p"],
       "command": "replace_all",
       "args": {
         "replace": "(<p>)(.*?)(</p>)",
         "with": "$1\n$2\n$3",
         "regex": true,
         "case": false
       }
     }
   ]
   

   这个正则会匹配所有<p>内容</p>的结构，把它替换成<p>换行、内容换行、</p>单独一行的格式。针对你给出的示例内容，这个完全管用；如果你的段落内容本身已经有换行，可能需要微调正则。

小提示 #

如果用方法一的话，记得检查一下是否和HTMLbeautify插件有配置冲突，建议暂时只启用一个格式化插件，避免互相影响。

内容的提问来源于stack exchange，提问作者edmundb