不能用正则校验富文本合法性，因html非正则语言；pattern属性仅适用于纯文本输入框，对富文本无效；可靠校验需用dom解析器提取或验证结构。
直接用正则校验富文本标签会出问题
不能靠正则来“校验富文本是否合法”，因为HTML不是正则语言。浏览器解析HTML依赖完整的语法树（如嵌套、自闭合、CDATA、注释、命名空间），而正则无法可靠识别这些结构。你写/^<p>.*$/</p>看似匹配段落，但遇到<p><span>hello</span></p>或<p onclick="alert('<p>')"></p>就立刻失效——前者因嵌套失败，后者会把属性值里的<p></p>误判为标签闭合。
pattern属性对富文本输入无效
pattern只作用于<input>和<textarea></textarea>的**纯文本值**，而富文本编辑器（如TinyMCE、Quill、contenteditable）输出的是HTML字符串，其内容不会被pattern校验。即使你把<textarea></textarea>设为pattern="<p>.*?</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill8272" title="anything-to-html"><img
src="https://img.php.cn/upload/skill/000/000/081/179195588450431.jpg" alt="anything-to-html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill8272" title="anything-to-html" class="overflowclass">anything-to-html</a>
<p class="overflowclass">将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。</p>
</div>
<a rel="nofollow" href="/xiazai/skill8272" title="anything-to-html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>"，浏览器也会把它当作文本字面量去比对，实际输入<p>test</p>时，和<code>>会被自动转义成<和>，导致永远不匹配。
-
pattern不支持/g、/i等标志位，也不接受斜杠包裹，写pattern="/<p>/"</p>是错的 -
type="text"或type="textarea"才能生效；type="html"不存在，浏览器不识别 - 即使正则语法正确，空值仍通过校验——必须加
required才强制非空
真正可行的校验点只有两个
如果你控制富文本输入源（比如后端接收、前端粘贴拦截、或编辑器配置），可在校验链中插入轻量正则做预筛，但目标不是“验证HTML结构”，而是“防明显恶意或格式错乱”：
- 检测危险标签：
/]*>/i—— 匹配即拒绝，避免XSS基础入口 - 过滤非法属性：
/\s(on\w+|javascript:|expression\s*\()/i—— 属性名以on开头或含javascript:等，直接剔除或告警 - 检查基础闭合（仅作提示，不替代解析）：
/]+>/g提取所有标签，再统计<div>和<code>
