在 React 应用程序中使用富文本编辑器

Using rich text editor in a react application

我打算使用 MERN 堆栈开发一个博客平台,我需要一个富文本编辑器来编辑博客文章。编辑器应该对程序员友好。我在考虑 Whosebug 目前正在使用的编辑器,我们可以在其中添加代码片段并同时 运行 它们。

那么,是否有任何 React 库可以通过富文本编辑器提供这种功能?

或者我是否必须得到像 react quill 这样的库并根据我的要求进行修改?我想知道是否可以添加这样的功能。

非常感谢您的建议。:)

很少有好的编辑器可以用于此目的。以下是我的一些建议

  • 如果你想要一个 github 类似的编辑器(github markdown 编辑器)https://uiwjs.github.io/react-md-editor/ 这将是一个非常好的选择。它带有代码突出显示和所有这些很酷的功能,默认情况下具有 GitHub 启发风格。

  • 如果您对 stack-overflow 类型的编辑器更感兴趣,我可以向您推荐 Stack Overflow 的组合富文本/Markdown 编辑器。你可以从 https://editor.Whosebug.design/

    找到它
  • 如果您对简单性更感兴趣并且想要更简单但没有很多功能的东西,我可以向您推荐 https://www.npmjs.com/package/react-markdown-editor-lite 这个编辑器。大部分都还好

还有更多其他选择,例如 Facebook 的 draft.js。但我认为以上文本编辑器将是您用例的更好选择。