富文本编辑器 - 所见即所得在线编辑器
什么是富文本编辑器？
富文本编辑器（Rich Text Editor）是一种所见即所得（WYSIWYG）的文本编辑工具，用户可以在编辑器中直接对文字进行各种格式化操作，如设置字体大小、颜色、粗体、斜体、下划线、删除线等，同时支持插入图片、表格、链接、代码块等多种多媒体元素。与纯文本编辑器不同，富文本编辑器能够保留内容的格式信息，生成的文档可以直接发布到网页、博客、电子邮件等多种场景，无需再进行二次排版。
本工具是一款功能完善的在线富文本编辑器，集成了标题、列表、引用、表格、文字高亮、图片插入、超链接等丰富的编辑功能，所有操作均在浏览器本地完成，无需上传任何数据，保护您的隐私安全。无论是撰写技术文档、编写博客文章、制作报告还是日常笔记整理，都能为您提供高效舒适的编辑体验。
核心功能特点
支持标题（H1-H6）、粗体、斜体、下划线、删除线、行内代码、文字颜色、背景高亮等常用文本格式化功能，满足各种排版需求。
支持有序列表和无序列表，可以嵌套使用，非常适合编写步骤说明、分类清单等结构化内容。
内置表格功能，支持 resizable 拖拽调整列宽，选中单元格时呈现高亮状态，适合制作简单的数据展示和对比表格。
支持对文字进行背景高亮标记，可突出显示重点内容、关键词或重要段落，让文档层次更清晰，阅读体验更佳。
支持导出为 HTML 格式（保留完整排版）和 Markdown 格式（通用文本格式），也可复制富文本或纯文本到剪贴板。
支持插入图片和创建超链接，图片支持插入url，链接自动添加 rel 属性确保安全性。
如何使用富文本编辑器
点击编辑器区域即可开始输入文字。工具栏提供所有可用的格式化选项，点击按钮或按键盘快捷键即可快速应用格式。编辑器支持自动保存，内容会保存在浏览器本地存储中。
选中需要格式化的文本后，使用工具栏设置标题级别、粗体、斜体、下划线、删除线、文字颜色、背景高亮等格式。也可以直接输入 Markdown 风格的标记符号，编辑器会自动转换为对应格式。
使用工具栏的"插入"菜单添加表格、代码块、引用、图片、链接等高级元素。表格支持拖动调整列宽；代码块支持选择编程语言进行语法高亮；图片可以通过拖拽或粘贴的方式插入。
编辑完成后，可以点击上方"复制 HTML"或"复制文本"按钮将内容复制到剪贴板，直接粘贴到微信公众号、知乎、CSDN 等平台。也可以点击"导出"按钮保存为 HTML 文件或 Markdown 文件。
常用快捷键
使用技巧与注意事项
- 使用工具栏快捷键可以快速应用格式，大幅提升编辑效率，建议熟悉常用快捷键以提高写作速度。
- 支持插入图片通过工具栏点击插入图片链接。
- 表格功能支持插入、删除行列，拖拽调整列宽，适合制作各类数据报表和对比表格。
- 代码块支持语法高亮，在插入代码块时可选择编程语言，使代码更加清晰易读，适合技术文档编写。
- 导出为 Markdown 格式后兼容各类笔记软件和博客平台，如 Notion、Obsidian、Typora 等均能完美打开。
- 所有编辑内容保存在浏览器本地，刷新页面或关闭标签页后重新打开，内容依然保留，不会丢失。
- 使用"加载示例"按钮可查看完整的功能演示和排版参考，帮助您了解各个功能的具体效果和用法。
- 导出 HTML 文件为完整独立的网页，包含了所有样式和排版信息，可直接在浏览器中打开或在服务器上部署。
典型应用场景
直接在编辑器中排版文章，支持标题分级、段落格式、图片插入、引用块等，导出 HTML 后可直接发布到各博客平台。
使用代码块语法高亮、表格数据展示、多级列表等格式，编写结构清晰的技术文档和 API 说明。
制作结构化的工作报告、项目方案、会议纪要等，利用表格和列表呈现数据，格式专业美观。
整理学习笔记和知识要点，使用标题层级组织知识结构，配合代码示例和引用块增强笔记的可读性。
常见问题 FAQ
富文本编辑器支持哪些格式化功能？
支持标题（H1-H6）、粗体、斜体、下划线、删除线、行内代码、引用块、有序/无序列表、代码块（带语法高亮）、表格（支持合并单元格）、图片插入、超链接、文字颜色、背景高亮等常用富文本格式化功能，覆盖了绝大多数文档排版需求。
编辑的内容可以保存吗？
编辑内容会自动保存在浏览器本地存储（localStorage）中，刷新页面或关闭标签页后重新打开，内容依然保留。同时支持导出为 HTML 文件或 Markdown 文件进行持久化保存，方便离线使用和跨设备分享。
支持哪些导出格式？
支持导出为 HTML 格式（保留完整排版信息和样式）和 Markdown 格式（通用文本格式，兼容各类笔记软件和博客平台）。同时支持直接复制富文本（带格式，可粘贴到 Word 等软件）或纯文本到剪贴板。
编辑过程会上传数据到服务器吗？
不会。所有编辑、格式化、导出操作均在浏览器本地完成，您的内容永远不会上传到任何服务器。我们采用纯前端技术架构，确保您的数据安全和隐私保护。唯一例外是插入图片时，图片数据仅存储在浏览器本地，不会上传到外部服务。
可以插入图片吗？如何操作？
可以。支持插入图片，通过工具栏的图片按钮插入网络图片链接。插入的图片会自动适配编辑器宽度。
编辑器在手机上可以使用吗？
可以。编辑器采用响应式设计，在移动设备上也能正常使用。不过在手机等小屏幕设备上，由于虚拟键盘和屏幕空间限制，建议主要使用基本文本格式功能。复杂的表格编辑建议在电脑端进行。