node.js - 如何在 ReactJS 应用程序中为 markdown/LaTex 代码添加预览功能

标签 node.js reactjs next.js

最近我创建了一个全栈博客网站here .我用 react-quill 来写博客因为它的可扩展架构和富有表现力的 API,我可以完全自定义它以满足我的需求。但是现在我觉得我需要一些可以处理的东西 markdownLaTeX还。我想知道有没有任何可以通过表达性 API 处理这两种或至少 LaTeX 的库 ?
还有一个问题,当我们提出问题时,stackoverflow 如何提供预览系统(我们的 Markdown/LaTex 代码的实时预览) ?因为当你写博客时,它是一个非常重要的功能。如果有人让我告知与此相关的任何信息,这将是非常有帮助的。

我找到了 react-latexreact-markdown分别处理 markdown 和 LaTex。但仍然卡在如何设置预览功能。任何想法将不胜感激。

最佳答案

输入文本到 react-markdown并在 div 元素中预览输出。
您可以查看一些开源在线 Markdown 编辑器的源代码。他们也支持 latex 。
引用:

  • stackedit
  • 关于node.js - 如何在 ReactJS 应用程序中为 markdown/LaTex 代码添加预览功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62937996/

    相关文章:

    javascript - react 16.14.0 : Error was not caught ReferenceError: exports is not defined

    reactjs - 错误: Collecting page data for/dashboard/widget is still timing out after 2 attempts nextjs

    javascript - FetchError : unable to verify the first certificate, 但我添加了rejectUnauthorized: false

    node.js - 在我的 eslint 上关闭 console.log 的错误

    javascript - 如何映射 `.find()`返回的数据?

    node.js - 如何在 Node 调试器中列出范围变量

    reactjs - 防止 onmouseout 在子元素上触发

    node.js - 使用 Flux/React 应用程序存储身份验证详细信息

    javascript - Node.js 中的匿名函数和 => 表示法有什么区别?

    javascript - Material 表:如果我的 rowdata.status = canceled,如何更改禁用操作按钮