问题标签 [react-draft-wysiwyg]

我看到默认情况下 React Draft WYSIWYG 将每个新文本行包装在<p>.

有没有办法让我将所有文本包装在 span 或 div 中？此外，当加载 WYSIWYG 并且用户开始键入要包装在 span 或 div 中的所有数据时。一直在阅读文档并且找不到任何东西（我很可能错过了它）而且我对 React 很陌生，因此我对某些事情的理解不是很好。

我有一个 draft.js RTE，我希望能够在用户单击按钮时在用户条目中的某些位置插入<mark>（或<span>使用背景颜色）。

我目前能够显示用户键入的内容并更改正在显示的文本，但我无法添加<mark>, <span>，<div>甚至<p>（我只能添加<strong>, <h1>...）

有没有办法让我做到这一点？

我现在的代码：

（我目前正在使用 draft-js-import-html 来尝试实现这一点）

有没有办法在 onEditorStateChange 之外为编辑器设置内容状态？例如在 useEffect 钩子中。

在将数据从 react-draft-wysiwyg 文本编辑器存储到服务器端时，我使用此函数将其转换为 JSON。

当我检索数据时，它在 JSON 中，如下所示

现在，我希望这是另一个页面中编辑器的初始状态。

所以我尝试使用文档中提到的 defaultEditorState https://jpuri.github.io/react-draft-wysiwyg/#/docs

但它不起作用。Draft.js 文档中的EditorState页面丢失，所以我不知道如何创建 EditorState 对象。请帮我解决一下这个。

任何帮助将不胜感激。

我为 react-draft-wysiwyg 提供的编辑器创建了两个自定义按钮：一个引用按钮和一个水平规则按钮。

以下代码在编辑器状态更新时运行：

但是，在将当前内容转换为 HTML 时，引用的文本和 hr 标签都不会被转换。它们只是在 HTML 中显示为空的 p 标记。可以做些什么来使自定义内容转换为 HTML？（我已确认 H1、H4、Bold 等默认按钮功能正常）

更多信息，这里是 blockStyle 和 blockRenderer 函数，以及 Editor 组件：

我正在使用“react-draft-wysiwyg”库，一切正常。我想知道一旦用户开始输入“#”，是否有办法添加主题标签建议？

我为此使用了“React Draft Wysiwyg”。在下面的代码中，我想访问valuedesktop.js 文件中变量 editor.js 文件的值。我怎样才能做到这一点？

编辑器.js：

桌面.js：

我正在 reactJS 中使用 react-draft-wysiwyg 制作一个文本编辑器。单击 editor.js 文件中的按钮后，我想在 mobile.js 文件中设置变量值的更新值。现在我只是在点击时在 editor.js 文件中更新它。但在下面的代码中，值不会在每次点击时更新。每当单击按钮时，如何更新 valuemobile.js 文件中的值。

我正在尝试添加 react-draft-wysiwyg 编辑器。我正在尝试获取编辑器的当前内容，但它显示错误，因为 getCurrentContent() 不是函数。有人可以帮忙吗？

我已经使用 RichUtils 实现了高亮显示，但它没有高亮显示。我已经尝试了很多方法并使用 react-draft-wysiwyg。你能帮我解决一下吗？

编辑器.js