在 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
。但我认为以上文本编辑器将是您用例的更好选择。
我打算使用 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
。但我认为以上文本编辑器将是您用例的更好选择。