文档页面有什么不错的富文本编辑器？

Question

技术栈： nextjs+nextui
我想创建一个文档网站，有没有富文本框， 能支持这些样式，同时还有一些 nextui 的组件

Answer 1

看第一个需求点，文档可以用 markdown 渲染成 html 的方式，加上一个文档皮肤就可以满足了。

但是不知道你的第二个需求 同时还有一些 nextui 的组件 指的是什么，如果想要在富文本里面可以插入 NextUI 的组件的话会很麻烦，需要写一个jsx的转换器。

我没有用过 NextJs，不过按照之前使用 AstroJs 的思路，可以考虑使用 MDX 的方式来实现。
Guides: MDX | Next.js

import { MyComponent } from 'my-component'
 
# Welcome to my MDX page!
 
This is some **bold** and _italics_ text.
 
This is a list in markdown:
 
- One
- Two
- Three
 
Checkout my React component:
 
<MyComponent />

如果编辑文本内容的同时还需要预览的话，会很麻烦。毕竟客户端少了一层编译，加入进来的话，会增加很多不安全因素。

Answer 2

‌ Editor.md ‌：这是一款开源的Markdown在线编辑器，支持通用Markdown、CommonMark和GFM语法，具有实时预览、图片上传、代码折叠、行跳转等功能，兼容IE 8+浏览器，适合写作网站的需求‌
‌ Quill ‌：Quill以其轻量级和强大的兼容性著称，支持丰富的插件扩展，界面精简，支持vue和react的封装版本，适用于各种前端框架‌

‌ TinyMCE ‌：TinyMCE是一个开源的所见即所得HTML编辑器，界面清新，功能强大，支持在线图片处理和丰富的插件生态，兼容主流浏览器，提供类似Word的编辑体验‌

‌ WangEditor ‌：WangEditor简洁易用，功能强大，配置简单，几行代码即可生成，集成了常见功能，支持JS、Vue和React，无需二次开发‌

‌ CKEditor ‌：CKEditor性能优越，界面美观，支持丰富的文本编辑功能，适合需要高性能编辑器的场景‌
这些编辑器各有特色，选择合适的编辑器可以根据具体需求来决定：

‌功能丰富度‌：TinyMCE和CKEditor功能非常丰富，适合需要复杂编辑功能的场景。
‌轻量级和兼容性‌：Quill和WangEditor轻量级且兼容性强，适合需要快速集成和简单编辑的场景。
‌开源和免费‌：Editor.md、Quill、TinyMCE、WangEditor和CKEditor都是开源且免费的，适合预算有限的开发项目。

Answer 3

wangEditor 我感觉很不错的但是我找不到了链接