✨【萌新指北】✨
富文本编辑器：从Word到HTML，轻松排版入门指南
author: zz137
🌸 ⭐ 🎀 ⭐ 🍥 🍥 ⭐ 🎀 ⭐ 🌸
🌟
最近研读wiki发现，咱们论坛从原来的 Discuz! 换成了现在的 Invision Community 后，旧有的排版教程已经不适用了。有几位大佬把新框架的排版逻辑研究得明明白白，但对于刚接触富文本编辑的新人来说，想自然地理解这一切可能还是有点门槛。
于是我做了一些测试，写了一份浅显的科普+引导，致力于用最通俗的话解释排版原理，并提供一些即拿即用的技巧。希望能帮你在发帖、写文章时省点力气。
如果你已经有较高的排版需求，并且想深入学习，强烈推荐去看看大佬们的教程。我这篇只负责“引导”和“日常够用”的部分~
🎵 ✨ 🎵 ✨ 🎵 萌混过关分割线 🎵 ✨ 🎵 ✨ 🎵
🎁
先说结论！
如果对排版不那么需要：建议先在 Word 里编辑好，再直接粘贴到论坛编辑框；或是复制其他帖子中的精华。
如果你愿意学习，对美要求更高：F12大法+论坛编辑器+查资料，兼具跨设备和各种花样排版。
这里有一些常见的格式和特殊符号：
💠💠💠 ❄️ ✿ ❄️ 💠💠💠
🔍
一点小科普：纯文本 vs 富文本
我们平时接触的文字内容，大致可以分成两类：
纯文本：只有字符本身，没有任何格式。比如在微信聊天框、记事本、B站评论区里输入的文字——你没法单独把某个字变大，更别提用表格排版了。
富文本：带有格式信息的文字。比如在浏览器、Word 里看到的文字，可以设置五颜六色、大小不一的样式，还可以加粗、超链接。
为什么浏览器里能呈现出千变万化的文字？
主要是 HTML（超文本标记语言） 在背后整活。HTML 通过成对的标签（例如 <p>、<strong>）告诉浏览器如何渲染。万变不离其宗，Word 的底层也用了类似 XML 的标记语言，正因如此， Word 里排好的内容可以直接复制到论坛，格式基本保留。
🎈 🎈 🎈 🎈 分割线 🎈 🎈 🎈 🎈
📄
为什么在 Word 里排版？
直观且零门槛：无需过多折腾。Word 是经典的所见即所得编辑器，点哪里改哪里，不用记代码。大多数人都会用 Word，复制粘贴就能发帖。
格式兼容度高：论坛引擎对 Word转化富文本格式的支持相当不错。
但是，Word 有限！
⚠️ 小提醒：相似但不同，偶尔也会有“水土不服”——比如 Word 表格里插入的图片，复制过来可能会消失。遇到这种情况，需要手写 HTML 解决。如果可以的话，学一些HTML会有很大的帮助。
🎐 🎐 🎐 ✨ 🎏 ✨ 🎐 🎐 🎐
🌐
那 HTML 有什么优势吗？
如果你对网页代码不陌生，直接手写 HTML （应该还没有大佬是完全手写的吧）来排版会更自由稳妥：
兼容性更强：Word 的样式在手机上看可能变形，手写 HTML 可做到响应式布局。
精细控制：边框、间距、背景色……都能按你的想法来。
高级操作上限高：音视频、各种div+span等着你……
📚
我想学排版，从哪开始？（点击进入）
论坛 Wiki：上面有前辈们详细教程的指路，Word 和 HTML(主要) 法都有。
HTML参考资料：有助于知其所以然，推荐 菜鸟教程 和 W3School 。
🎯 只要肯尝试，很快就能排出整洁漂亮的文章～
希望这些小经验能帮到大家。如果有不对的地方，也欢迎大佬们指正补充！
本萌新在此谢过～（光速逃走）
大家可以参考的示例：
青玉案·元夕
宋 · 辛弃疾
东风夜放花千树，更吹落、星如雨。
宝马雕车香满路。
凤箫声动，玉壶光转，一夜鱼龙舞。
蛾儿雪柳黄金缕，笑语盈盈暗香去。
众里寻他千百度，
蓦然回首，那人却在，灯火阑珊处。
✦ 灯火阑珊 人间惊鸿 ✦
🎧🎬
动画 · 新番
每周追番 · 热血与治愈
《间谍过家家》《咒术回战》
🎮🕹️
游戏 · 佳作
开放世界 · RPG · 独立游戏
《去月球》《星穹铁道》《明日方舟》
🎌🌸
什么是「二次元」？
指动画、漫画、游戏、轻小说等二维虚拟世界。
它带来感动、梦想与陪伴，已成为当代青年文化的重要部分。
✨ 热爱即正义 · 保持少年心 ✨
🎐🎴🍡
测试区（废墟一片……）
修改日志：
<留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改><留一行方便改>
.thumb.jpg.e705656c640676f8bafa63c1b13be65e.jpg)
