问题标签 [react-draft-wysiwyg]

我试图在单击提交按钮后将 img 标签中的所有 src 上传到 S3 并将 S3 链接存储到数据库中。

现在，我将整个内容保存到一个内容中。当我console.log(newAnnouncement.content)，它显示类似这种格式的东西<p>some words</p><img src="blob:some-link" ..../>。

我想获取这些图像并上传到 S3。

当我单击它以在 React Draft Wysiwyg 上全屏时，我将如何展开图像？我目前使用 createEntity 和 AtomicBlockUtils 将复制粘贴的图像手动插入到编辑器中。我可以在任何地方放置一个 onClick 函数吗？

我正在尝试实现类似移动预览部分的功能，在用户在编辑器中完成操作后，他们所做的更改将同时显示在预览部分中。

我现在面临的问题是我Bulletin.js用来从编辑器中检索 html 内容的方法似乎落后了 1 步（因为我需要执行一些操作，例如单击任意位置或检索所做的最后一个操作在编辑器中）。

我想使更改是即时的，而不是落后一步，这样当用户执行更改字体颜色等操作时，它将立即反映到预览部分。

公告.js

富文本编辑器.js

如果带有拖动文本的编辑器文本的长度超过最大长度我尝试使用 handleDrop 事件，有没有办法防止从外部编辑器拖放文本，但它接受参数（SelectionState、dataTransfer、isInternal）我试图从中获取文本SelectionState 对象，但无法成功

我正在尝试从 html 解析数据，但没有运气。我能够从 html 中获取粗体文本，但对于有序或无序列表，无法打印列表的文本（有序无序列表）

草稿.js

笔记

在代码框上使用相同的代码时，我得到了预期的输出。这是样本

预期产出

实际输出

我已经尝试过，在这里我添加了两个按钮，当用户单击状态中的值存储时，该状态被传递给编辑器，作为道具复制。然后我试图将值转换为 html 代码，然后连接复制道具，然后再次转换为 html 到草稿格式，然后更新状态，但我无法修复。

Codesandbox 链接：代码

当用户单击按钮时我想要什么，它应该在编辑器中附加文本值。

能够根据单击添加文本，但现在的问题是根据光标位置附加文本，目前它添加到末尾，我想添加到用户指向光标的位置，然后单击应该添加到那里的按钮

最新代码：更新了添加文本功能的代码

父组件

编辑器组件

我一直在寻找一个编辑器，它允许我（根据客户请求）将标题样式（h1、h2 等）仅应用于所选内容，但在同一段落中使用其他不同格式的文本。到目前为止，我测试过的所有编辑器似乎都将整个段落转换为标题，而不仅仅是选择。

我们的项目专门使用react-draft-wysiwyg，所以我主要是为这个编辑器寻找解决方案。到目前为止，我尝试自己解析 HTML，但没有成功。例如，我会选择一个可以转换以下字符串的解决方案：

进入正确的 HTML。我什至会接受一个骇人听闻的解决方案。

问题，我正在创建这个组件，它将从我的后端查看数据并允许用户修改数据。来自后端的数据将被传递到使用 react-draft-wysiwyg 和 draft.js 的输入字段

查看评论组件

有没有办法用自定义图标替换内联工具栏图像React Icons？

代码（工具栏选项）：

我也尝试过使用<img src="./path-to-svg"/>，但是效果不佳...

有任何想法吗？

TIA

我的 Web 应用程序需要一个所见即所得的编辑器。为此，我开始使用 react-draft-wysig。整个编辑器显示正确，但我想增加文本输入窗口的默认高度。

这就是我的编辑器的样子： https ://i.stack.imgur.com/eZy1m.png

这就是定义我的编辑器的代码的样子：

应该修改文本输入窗口的默认高度的 CSS 类：

问题是增加高度会增加“编辑器的背景”，而文本输入窗口不会改变。 https://i.stack.imgur.com/ajCwj.png