怎么改网页文字又不改动排版？

用一种纯文本编辑模式。它只让文字可改，把标签、类名和结构都锁住，所以重打一个标题或一段话，动不了任何东西。打开你的 .html 文件，开纯文本模式，点你要改的那一行，把新文字打上去。因为周围不加、不删任何结构，间距和设计就跟原来一模一样。HTML Tweak 在浏览器里免费就能做这件事。

WYSIWYG 编辑器会保留我原来的 HTML 吗？

有的会，很多不会。不少富文本 WYSIWYG 编辑器会把页面重新序列化——按它自己的方式重写你的标记，丢掉它不认识的类，或者换掉标签，排版就是这样被移动的。想保住原来的 HTML，用一个带纯文本或结构锁定模式的工具，它就地改文字，每一个标签和类都原样不动。这样你起手的代码，就是你留下的代码。

为什么我一改 HTML 文字，排版就乱了？

多半是因为，这次编辑改的不止是文字。直接在浏览器里改，可能删掉一个空容器、把两个元素并到一起、或者剥掉一个类；从 Word 或文档里粘，则可能夹带进隐藏的标记。CSS 依赖的某个类一旦不见，那一块就丢了样式，整页跟着重排。在一个锁住结构的模式里编辑能避开这些，因为变的只有字符。

不会写代码，怎么改网页文字？

把页面在可视化编辑器里打开，直接打字——没有标签要碰。但单说改文案，比起完整的可视化编辑，更该用纯文本模式。它把渲染好的页面给你看，让你点任意一行重打，同时把每一个标签、类和结构都锁住。这样「不写代码改文字」就很难出错——你能改的，只有文字。HTML Tweak 在浏览器里免费跑，不用注册。

怎么让别人改页面文字，又不让他把页面弄坏？

可以。把开着纯文本模式的文件交给他。他能点任意一行重写，却碰不到标签、类或排版，所以没法一不小心把设计弄坏。在 Chrome 或 Edge 里，他的改动存回文件；别的浏览器则下载一份改好的副本。不用账号，文件也从不离开他的浏览器。

怎么改 HTML 文字，又不弄乱排版

前阵子，我打开一个朋友的落地页，想改一个错别字。就在 WYSIWYG 编辑框里补上那个漏掉的字，一保存——顶部那两栏齐整的排版，塌成了一条可怜的横条。一个字母。整块头图，没了。

所以先说结论。要改 HTML 文字又不弄乱排版，用纯文本模式来编辑——你重写文字，它锁住标签、类名和结构。你就地改字符，周围什么都不加、不挪、不删，排版自然没有可移动的地方。

这个模式有名字，也有它管用的道理。道理才是有意思的那部分——因为一旦你看懂了，「这页我不敢碰」的那种发怵，就散了。

明明没动，排版怎么就跑了

这件事，大多数人从没被提醒过。很多可视化编辑器，确实在改你的文字，但不止于此——它们连你的 HTML 一起重写了。

你在富文本或 WYSIWYG 框里编辑时，编辑器往往先把页面读进它自己那套模型，保存时再按它的方式写回去。坏事就出在这一来一回。它把一个不认识的类名丢掉。它把 <h2> 换成 <p>，因为那是它的「家规」。它把两个元素并成一个，或者悄悄删掉一个它当成垃圾的空容器。

而你的排版，恰恰就撑在这些东西上。

就说你的标题是 <h2 class="hero-title">。hero-title 这个类，正是你的 CSS 用来定字号、定间距、定它落在哪一栏的依据。换个不对的编辑器把文字重打一遍，类名回来时没了——或者标签本身变了——于是你那条 CSS 规则，谁也匹配不上。文字还在。只是托住它的一切，全丢了。这就是我眼睁睁看着、为了一个漏掉的字母发生的那场坍塌。

直接在浏览器里改，也是同一个坑。你一旦被允许碰结构，就能弄坏结构——通常不是有意，通常要到保存那一刻才看见。

「锁住结构」到底锁的是什么

纯文本模式，把整件事反了过来。它不再把整页交给你编辑，只把文字交给你。

标签冻住。类名、id、属性、元素之间层层嵌套的方式——全锁上。标签之间的字符，你能改。标签本身，你不能改、不能加、不能删。所以你 CSS 挂靠的那个类，等你改完还在，因为你压根没能力把它删掉。

想象墙上一只相框。纯文本模式，只让你换里面那张照片。它不让你把相框摘下来、在墙上另打一个钉、或者把整只框拆走。照片换了；托着它的东西，没变。整个道理就在这儿——排版之所以不会跑，是因为结构上什么都没变，也就没什么可重排的。

这跟笼统地「可视化编辑 HTML」是两码事，后者你还可能挪动区块、重新配色。纯文本，是这件事里最窄、也最稳的那一小片——只动文字，其余一律按住不动。

那怎么改字、又保住设计

几个习惯，就能扛下大半的安全，不管你用什么工具。

改副本，别改你手上唯一的那一版。改措辞，别改东西的形状。落定之前先预览。还有，要是从 Word 或 Google 文档里粘文字进来，粘成纯文本——那些应用会偷偷夹带隐藏的标记，跟你的页面对着干。

用纯文本工具，安全这一层是内建的。你打开 .html 文件，开纯文本模式，点那一行，打字。模式本身就是护栏。你想弄坏结构都弄不坏，因为纯文本开着时，结构根本不可编辑。

等你真需要改结构了——挪一个区块、加一块新板块、给一张卡片重新配样式——那是另一档活，你得退出纯文本，切到代码视图或完整可视化视图去做。分清自己在做哪一种，仗就赢了一半。

把页面交给一个没见过标签的人

锁住的结构，价值就在这里显出来。

想象你把一页交给同事，或者交给客户，让他去更新文案。你要他改价格、换个新标题、把一个名字纠正过来。你不想拿整个周五下午，去收拾他不小心碰乱的排版。

开纯文本模式，把这个交给他。他看到的是真实的页面，不是一堆尖括号。他点那一段，重打，完事。没有哪个键，他一按就能删掉一个类、或者删掉一个 <div>，因为这些根本不在他手够得着的地方。「让一个不写代码的人改站点」之所以吓人，是怕他弄坏一样他看不懂的东西。把这个能力拿走，怕，也就跟着走了。

要是你在掂量该把哪个工具交到他们手里，我在别处把几个主流免费 HTML 编辑器的取舍老实摆过一遍。对一个已经存在的页面、只做纯文字改动来说，纯文本是你能交给别人的、最不危险的东西。

完整步骤，从打开到保存

下面是用 HTML Tweak 走一遍全程——这是我做的免费工具。它跑在浏览器里，也能作为一个离线的单文件，不用装，不用注册。

打开页面。 去 HTML Tweak，打开你的 .html 文件。什么都不上传——文件留在你的浏览器里、你的机器上。
开纯文本模式。 这会锁住标签、类名和排版，只留文字可编辑。
点你要改的文字。 标题、一段话、一个按钮文案、一个价格。
重打。 把字改了。周围的标签一动不动。
预览页面。 间距和排版看着一模一样，因为结构上什么都没变。
保存。 在 Chrome 或 Edge 里，它直接写回你的文件。别的浏览器，它给你下载一份改好的副本收着。

就这样。一分钟的活，设计没有哪一处冒险。

锁了，也还是没保住你的时候

「它还是坏了」这类消息，我收到的，大半出自几个小失手。

改了文件唯一的那份。 动手之前，先把原件在别处存好。
直接从 Word 或文档里粘。 它会拖着隐藏格式一起来——改成粘纯文本。
跟模式较劲。 纯文本开着，你还想挪一个区块，会觉得卡手；它卡，却是故意的。那是改结构，不是改文字。
指望每个浏览器都能就地保存。 只有 Chrome 和 Edge 直接写回文件。别的给你一份下载的副本，这也挺好——你心里有数，拿到的是哪一种就行。

还有一条边界，值得点明。纯文本模式，是给一个你已经有的页面，改内容、改措辞用的。它不做结构性的重建，HTML Tweak 也不是一个管多文件 React 或 Next 项目的东西——它打开一个页面，帮你把它收尾。你的活要是「把这个站的文案重写一遍」，它正合适。要是「把这个站重新架构一遍」，它就不是那把刀。

要是你想要的，不过是改一行字、又不必发怵它会牵动整页的哪里，那就用纯文本模式打开你的文件，把字改了。设计，还留在你离开时的原样。