spellcheck="false" 单独使用在代码编辑器容器上基本无效，必须精准作用于实际响应输入的 dom 节点（如 textarea 或隐藏编辑器的 textarea），并配合 autocorrect="off"、autocapitalize="none"、inputmode="verbatim" 才能在移动端可靠禁用拼写检查。
直接说结论：spellcheck="false" 单独加在代码编辑器容器上，90% 的情况都无效——不是你写错了，而是它根本没挂到真正响应拼写的那个 DOM 节点上。
textarea 实现的编辑器：直接加四件套，别犹豫
如果你用的是原生 <textarea></textarea>（比如 JSON/YAML 配置编辑、简易 HTML 片段输入），spellcheck="false" 必须配合三个属性才能在移动端真正起效：
-
autocorrect="off"—— iOS Safari 里它比spellcheck更优先，不加就白写 -
autocapitalize="none"—— 防止const foo =被自动变成Const foo = -
inputmode="verbatim"—— 明确告诉键盘：别猜词、别联想、别弹拼写建议栏
错误示例：<textarea spellcheck="false"></textarea> → 在 iPhone 上输 recieve 仍可能被软键盘自动修正；正确写法：<textarea spellcheck="false" autocorrect="off" autocapitalize="none" inputmode="verbatim"></textarea>。Google 翻译页的输入框就是这么干的，兼容性经大规模验证。
Monaco / CodeMirror 类编辑器：找对隐藏 textarea 才是关键
这类编辑器视觉上是 div+canvas 渲染，但真实输入层往往是一个透明覆盖的 <textarea></textarea>。你给外层 div#editor 加 spellcheck="false" 完全没用，因为浏览器只检查“可编辑且聚焦”的元素。
- Monaco：隐藏
<textarea></textarea>通常在class="monaco-editor-background"下，或通过role="textbox"标识；需在 editor 初始化后，用editor.onDidFocusEditorText回调里动态设置其spellcheck="false" - CodeMirror 6：
view.dom插入后，遍历子节点找到role="textbox"的<textarea></textarea>，再设属性；不要试图改contenteditable的 div，它不响应拼写检查 - Electron 应用额外注意：主进程
webPreferences.spellcheck: false会全局禁用，和 HTML 属性无关，但若开了它，前端所有spellcheck都失效
contenteditable 编辑器：慎用，继承规则极易踩坑
用 div[contenteditable="true"] 做代码编辑器？先劝退。Safari 对 spellcheck 支持极不稳定，且继承行为反直觉：
- 父级设了
spellcheck="false"，子<p></p>或<span></span>不会自动继承，必须每个可编辑子节点都显式写一遍 -
<pre class="brush:php;toolbar:false;"></pre>或<code>标签默认不可编辑，加spellcheck="false"完全无效——它们连拼写检查入口都没有 - 哪怕写了
contenteditable="true" spellcheck="false"，macOS Safari 在系统「自动拼写更正」开启时，仍可能短暂显示 200ms 红线，这不是 bug，是异步词典检查机制导致
真要用，必须加 autocomplete="off" 和 autocorrect="off" 双保险，且避免任何 inputmode 值触发智能键盘。
验证 spellcheck 是否生效：别信代码，要测行为
光看 HTML 里有没有 spellcheck="false" 没意义。验证必须在真实环境做两件事：
- 输入一个明显错词（如
recieve），观察是否出现红色波浪线（Chrome/Edge 显示最明显） - 右键点击该词，检查上下文菜单是否还有「更正为…」或「添加到字典」选项
- 排除干扰：临时建个干净
<textarea spellcheck="true"></textarea>输入helo测试；若也没红线，问题出在系统级——macOS 检查「键盘 → 文本输入 → 在网页文本框中检查拼写」是否勾选，Windows 查chrome://settings/languages拼写检查开关
最常被忽略的一点：拼写检查只对「正在编辑的、可编辑的、且浏览器认定为文本内容」的节点起作用。代码编辑器里，那个真正承载输入事件的节点，往往藏得比你以为的更深。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
