问题标签 [draft-js-plugins]

我正在学习 React：完全是新手。

如果我直接从 draft.js 将 HTML 保存在 DB 中（或者它的变体总是基于它），然后在我的 React SPA 的视图页面中，我通过我的 API 从 DB 中检索 HTML：

问题：

• 如何呈现该 HTML？

• 危险地设置InnerHTML？或者也许其中之一（你有什么建议？）？

  • https://github.com/wrakky/react-html-parser
  • https://github.com/pveyes/htmr
  • https://github.com/remarkablemark/html-react-parser
  • https://github.com/utatti/react-render-html
  • https://github.com/aknuds1/html-to-react

• 我读过诸如“清理”、“保护 HTML”之类的词。但是，有图书馆吗？

• 当我将它保存在 DB 中或之后，当我渲染它时，我需要从 Draft-js 中保护 html？

我正在尝试使用 draft-js-linkify-plugin创建一个简单的富文本编辑器。我要求在编辑内容时链接应该是可点击的。

有什么办法吗？

我一直在制作一个 Draftjs 插件，该插件允许用户从网站粘贴混合文本和图像内容，并将图像自动上传到服务器。我很快意识到这并不容易，仅仅是因为有多少不同的站点使用不同类型的反措施来复制/粘贴图像。页面内容中的标准图像标签没有问题 - 轻松抓取 src 并处理从 url 上传的文件。然而，许多网站使用各种诡计使这变得痛苦。例如，有些只提供小缩略图，需要使用哈希键对图像进行 GET 请求才能检索更大的版本。其他人似乎以某种方式破坏了图像，因此在检索时它是不可读的。其他人仍然使用奇怪的嵌入标签来弄乱 Draftjs'

但后来我打开一个 Google Docs 文件，发现当我从网站复制任何图像到该文件时，从来没有任何麻烦。我发现自己必须编写特定的检索方法的所有有问题的网站似乎都可以由 Google Docs 轻松处理。

通过尝试从 url 检索图像，我是否使用了完全错误的方法？谷歌是否使用了一种更好的方法（是的，我想）——在这种情况下，有没有人知道这种方法可能是什么？

有什么方法可以使用 DraftJS 或任何插件创建表格？

一个允许用户输入自定义 HTML（支持表格）的插件就足够了。

据我了解，插件可以呈现为表格，但我需要能够编辑表格，例如设置列数，在每个单元格中输入文本等。

如果需要在创建时指定行数/列数并且之后无法编辑，则可以接受，只要可以单独填充/更新单元格即可。

我遵循了有关安装内联和静态工具栏插件的文档，但它们似乎不存在。

我正在使用 Create React App CLI。

组件：

然后将该组件传递给另一个组件，该组件只呈现编辑器，不做任何其他事情。

我一定是遗漏了一些东西，或者没有给插件他们需要的东西，我只是不知道是什么。我猜我的代码不足以首先开始添加插件？

这是我的 editor.js

我在 const 内容中有示例 JSON 数据。我想要做的是，最初当我打开我的编辑器时，它应该在变量内容中呈现初始内容。但我不知道如何更新 editorState，因为它是不可变的。

这是我的 BlogEdit 组件：

该函数负责根据 editorState 改变 content 中的 JSON

这是渲染部分......

那么实际上我应该怎么做呢？

从服务器获取contentState并“从原始转换”后，我在编辑器中显示它，它只显示本机表情符号。

事件尽管在将其发送到服务器之前，聊天编辑器会正确显示表情符号

这是过程

和编辑

导入和常量

我有一个用例，我必须将 HTML 模板呈现到编辑器上。我也在探索 Draftjs。我已经完成了基本设置，并为简单的文本渲染了 Draftjs 编辑器。

但是如果我将一个 HTML 字符串传递给同一个编辑器组件，我会得到以下异常。

知道我需要做什么才能让这个工作在草稿上吗？如果 draftjs 不适合这个，那么你建议任何其他库作为替代方案？

我正在尝试装饰一些文本，但不是让进程由正则表达式策略管理，它应该是 ajax 调用的结果，以指定要装饰的文本和平。是否可以使用修改器库中的任何方法？我的想法是在 onChange 方法中调用一些东西并修改 editorstate。任何想法将不胜感激。

有一个关于草稿js的问题。

我如何更改 ContentBlocks 的顺序？我试图在编辑器中添加内容的外部链接并渲染视频。

创建当前状态：

添加带有视频内容的块（支持通过视频插件呈现）：

问题在于渲染顺序： 1. 视频块；2.链接块。

如何将此顺序更改为： 1. 链接块；2.视频块。