应精准移除ul和li元素的style属性，使用document.querySelectorAll("ul[style], li[style]")遍历并调用removeAttribute("style")，避免误删其他元素；处理富文本需先用DOMParser解析再操作；清理后须添加CSS重置ul, ul li { list-style: none; margin: 0; padding: 0;}。
只删和- 上的style属性，别碰其他元素
清理无序列表样式，核心目标是移除 ul 和 li 元素上干扰布局的内联 style 属性，比如 margin-left: 40px、padding: 0 或 color: #999。但注意：别用 querySelectorAll("*[style]") 一把梭——它会把 a、span 甚至 div 里本不该动的 style 也清掉，破坏语义或交互。
正确做法是限定范围：
-
document.querySelectorAll("ul[style], li[style]")精准抓取带内联样式的列表容器和项 - 遍历时用
for (const el of list)，避免forEach在 DOM 变更时漏节点 - 对每个匹配元素调用
el.removeAttribute("style")，不是setAttribute("style", "")
list-style-type="none" 是 CSS 控制，不是 HTML 属性
很多人搜“批量删圆点”，结果去正则匹配 list-style-type="none" —— 这根本不存在于 HTML 属性中。HTML 里没有 list-style-type 这个属性，它是纯 CSS 声明。你在源码里看到的 style="list-style-type:none"，才是要被 removeAttribute("style") 干掉的目标。
所以别写这种正则：/list-style-type\s*=\s*["'][^"']*["']/gi，它既不匹配真实 HTML 结构，又可能误杀注释或 JS 字符串里的伪代码。
真正要清理的，只有这些：
-
[style]选择器仍能匹配）
粘贴进编辑器的内容，必须先用 DOMParser 解析
如果你处理的是用户从网页复制进富文本编辑器（如 tiptap、Quill）的 HTML 片段，它还没插入文档，直接操作 innerHTML 字符串极危险。正则替换 style="..." 容易跨引号截断，比如遇到 style="content: '"; margin: 0;" 就在第一个双引号处崩掉，后续标签全乱。
安全路径是：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 用
new DOMParser().parseFromString(htmlString, "text/html")构建临时文档 - 在该文档上调用
doc.querySelectorAll("ul[style], li[style]") - 逐个
removeAttribute("style") - 最后用
doc.body.innerHTML序列化回干净字符串
这个流程不污染当前页面 DOM，也不依赖浏览器渲染状态，是唯一可信赖的批量清理方式。
清完 style 后，还得补 CSS 重置
删掉 style 属性只是第一步。浏览器默认会给 ul 加 padding-left: 40px，给 li 加上下间距，这些不会因为你删了内联样式就消失。
所以清理后必须加一段兜底 CSS：
ul, ul li {
list-style: none;
margin: 0;
padding: 0;
}
注意两点：
- 别只写
ul { list-style: none; }，li自身也可能有继承来的list-style-type行为 - 如果项目用了框架（如 Bootstrap），它的
ul默认有margin-bottom: 1rem，你得用足够权重的选择器覆盖，比如.editor-content ul
最易忽略的点：清完 style 属性后，没同步重置 padding 和 margin，导致列表项依然缩进、行距异常——这不是清理失败，而是清理没做完。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
