html编辑器默认不格式化style属性内的css代码，因其仅处理标签结构而不解析引号内样式；可靠方案是通过domparser提取style值后用css格式化器处理，或在nova中配置prettier以css模式格式化选中内容。
直接用编辑器格式化 style 属性里的内联样式代码，基本无效——HTML 编辑器默认只处理标签结构，不解析或美化引号内的 CSS 声明。
VS Code 中 style 属性内容不会被自动格式化
内置 HTML 格式化器（vscode-html-languageservice）完全忽略 style 属性值内部的空格、换行和分号位置。比如：
<p style="color:red;font-size:14px;margin:0 2px;">文本</p>
无论你怎么按 Shift+Alt+F，它都不会变成多行、加空格或补分号。
- 这不是 bug，是设计使然：HTML 格式化器只管标签层级和属性排布，不进入字符串上下文
-
Prettier默认也不处理style属性值，除非你显式配置 parser 并启用 CSS 解析逻辑 - 即使你装了 Prettier，对
<div style="..."> 右键“格式化文档”，里面那串 CSS 依然原封不动<h3>真正能格式化 <code>style属性值的两种可靠方式必须把内联样式从字符串上下文中“拎出来”，当作独立 CSS 片段处理。
- 用正则 + 手动提取 + 外部 CSS 格式化器：写脚本匹配
style="[^"]*"，提取内容，丢给postcss或prettier --parser css处理，再塞回去——适合批量清理/重构，但容易误匹配注释或 JS 字符串 - 用 DOMParser 解析后遍历修改：更安全，尤其适合编辑器粘贴拦截场景。例如在 tiptap 或 Slate 的
onPaste钩子中：
function formatInlineStyle(htmlString) { const doc = new DOMParser().parseFromString(htmlString, 'text/html'); for (const el of doc.querySelectorAll('*[style]')) { const styles = el.getAttribute('style') || ''; // 这里可调用 prettier.format(styles, { parser: 'css' }) el.setAttribute('style', formattedStyles); } return doc.body.innerHTML; }注意：
prettier.format(..., { parser: 'css' })要提前安装prettier和@prettier/plugin-css，且需在 Node 环境运行；浏览器中只能用轻量 CSS 格式化函数（如简单空格标准化）。Nova 编辑器可直接压缩/美化
style属性值Nova 支持通过插件或内置规则对内联样式做轻量格式化，前提是开启 Prettier 并正确识别语言模式：
- 确保当前文件语言模式为
HTML（右下角显示），不是Plain Text或XML - 在 Nova 设置中启用
Format on Save，并指定 Prettier 为 HTML 默认格式化器 - 添加自定义规则：在
.prettierrc中加入"htmlWhitespaceSensitivity": "strict"，有助于避免属性值内空格被意外删减 - 对单个
style属性双击选中（含引号），再执行Format Selection，Nova 会尝试以 CSS 模式解析并缩进
别指望在线工具或正则一键搞定
所有试图用
sed、replace(/style="([^"]*)"/g, ...)直接处理 HTML 字符串的方案，都极可能出错：- 匹配到
<!-- style="..." -->注释里 - 匹配到
<script>el.setAttribute("style", "...")</script>的 JS 字符串中 - 引号嵌套时（如
style="content: 'a "b"';"）导致截断
真正稳定的做法永远是：先走 DOM 解析 → 定位带
style属性的元素 → 提取值 → 当作纯 CSS 处理 → 再写回。中间任何跳过 DOM 步骤的“捷径”，都会在复杂富文本场景下翻车。 - 用正则 + 手动提取 + 外部 CSS 格式化器：写脚本匹配
