问题标签 [react-draft-wysiwyg]

我正在创建一个包含富文本编辑器的 React 组件。我选择 react-draft-wysiwyg 来编辑或创建文本，然后发送到服务器。我只会在代码中给出导致困难的功能。我使用 axios 发送请求。出于某种原因，我在发送 POST 请求时无法从表单中获取正确的数据。我使用命令检查：

但是现在在表单中输入了文本。我想弄清楚，谢谢大家！

这是代码：

我在我的表单中使用了一个验证函数，它检查一个字段是否为空。这适用于普通文本输入框，但不适用于 React-Draft-WYSIWYG 框。

我想检查 WYSIWYG 框是否为空，如果是，则显示错误消息，即this.state.descriptionError

这是我的状态：

这是我的 React-draft-WYSIWYG 表单元素：

我的验证功能如下：

它适用于该name字段，因为它等于一个空字符串。但是对于 React-Draft-WYSIWYG，它不是一个字符串，所以我不确定要设置什么this.state.description。

非常感谢任何帮助或建议，如果您需要更多详细信息，我可以快速更新我的答案。

我有一个 Draft.js 编辑器，里面有一些 HTML。如何在当前选择位置插入一段新的 HTML，同时保留样式和实体/块映射？我知道如何通过以下方式插入原始文本Modifier.insertText：

但它会剥离所有不好的 HTML。

我从我的 API 中得到一个 Html 字符串："consigne": "<p>test</p>\n"我想在我的编辑器上显示它。

我的编辑器是：

我想在我的编辑器上插入这个收货人。

我怎样才能把这个收货人推给我的编辑？

我使用 draft.js 编辑器来创建和更新帖子。请告诉我如何在 Draft.js 编辑器中呈现 HTML 文本。我尝试使用 renderHTML，并得到错误

“'editorState' 未定义 no-undef”

如果没有 renderHTML 函数，我会在编辑器中获得带有标签的 HTML。请告诉我，如何配置组件以呈现“正确的 HTML”？

这是清单：

将非常感谢任何帮助！

请检查下面的代码，我已经创建了 ImageButton 组件并加载到草稿 js（编辑器组件）

图片按钮.js

我还使用 s3 客户端 npm 上传了图像，在获得承诺响应后，我在控制台日志中得到了有关已创建实体映射的结果，但图像未在编辑器中呈现（也生成了图形标签，但在该图像标签和图像跨度标签中丢失。

我正在使用 draft-js 和 react-draft-wysiwyg 包来显示我的应用程序的电子邮件编辑器。我能够显示正确的内容，但面临图像问题。

当图像是输入 HTML 的一部分时，它不会在编辑器中显示。请在下面找到我的示例代码。

我可以使用此解决方案https://codepen.io/Kiwka/pen/YNYgWa显示图像。

但上述解决方案仅在我使用“draft-js”包中的编辑器但我想使用“react-draft-wysiwyg”中的编辑器时才有效，因为我得到了丰富的工具栏选项。

当图像是来自“react-draft-wysiwyg”的编辑器中的 HTML 内容的一部分时，需要帮助来显示图像。

我在 ReactJS 项目中使用 react-draft-wysiwyg 编辑器，我需要在下一页上将编辑器内容呈现为 React DOM html 元素。

编辑器中编写的所有内容都可以正确呈现格式，除了和图像。

如果我在编辑器中附加任何图像 url，则该 url 将作为锚标记显示为 img 标记的 src 属性。

我需要从图像 src 属性中删除不需要的格式错误的锚标记，并将其替换为图像 url

这是示例html

请帮我解决这个问题。非常感谢。

我正在使用React Draft Wysiwyg，我需要将任意文本从我的应用程序的一个组件插入到编辑器组件中。我通过剪贴板执行此操作，作为从一个组件传输到另一个组件的中介。但是document.execCommand('paste')失败了。

有人知道怎么做这个吗？

我的示例代码在这里；第三个控制台日志为粘贴结果发出 false 。

预先感谢您的帮助！

我在我的项目中使用 react-draft-wysiwyg 的编辑器，并使用 css-modules 进行服务器端渲染，但无法使用 css-modules 包含编辑器的样式。任何帮助或建议将不胜感激