问题标签 [react-draft-wysiwyg]

我正在使用react-draft-wysiwyg在 React Web 应用程序上创建内容并react-native-webview在 React Native 上显示内容。

我的计划是将 Draftjs 内容转换为 HTML，这样我就可以将其直接存储在数据库中并使用react-native-webview. 我正在使用该draftjs-to-html包进行转换。

我注意到生成的输出没有被缩小，我担心数据库大小。是否可以缩小输出以节省空间？如果有怎么办？

我知道该RawDraftContentState格式非常适合将数据保存在数据库中。然而，我担心在 React Native 上渲染它们的包，因为大多数 repos 都是一年多前更新的。

如果有关于如何做到这一点的替代方法/包，请赐教。目标是在 React Web 应用程序上创建一个所见即所得的编辑器，它应该在 React Native 上呈现它

我正在开发一个富文本编辑器，用于将纯 html 转换为带有下一个 js 用于 ssr 的编辑器内容。我得到了这个错误窗口没有定义所以我搜索这个 github链接的解决方案

它使用了 next js 的动态导入功能。

而不是直接导入编辑器import { Editor } from "react-draft-wysiwyg";

它使用此代码动态导入编辑器

但是尽管我已经安装了这个 react-draft-wysiwyg 模块，但我仍然收到此错误

这是我的全部代码

请帮帮我。谢谢。

我正在开发一个 React 应用程序。我将我的数据和文件存储在 firebase 实时数据库/firebase 存储中。我正在尝试在我的应用程序中实现 React Draft Wysiwyg，但在从数据库中删除已删除的图像时遇到了一些问题。我正在使用 uploadCallback 参数将图像上传到 firebase，但在删除图像后我没有在文档中找到任何参数或事件被触发，导致我的 firebase 应用程序中未使用图像并浪费存储空间。

是否有我遗漏的东西或更复杂的解决方案/需要使用不同的包？

根据我的问题，我想删除一些默认的工具栏选项，如字体系列或表情符号，并且只保留文本样式选项。怎么做 ？

对于我的编辑。

I'm using React Draft Wysiwyg. I try to add a fontawesome svg icon to draft content but instead of an icon it renders an empty paragraph.

Any solutions? or maybe somebody could explain what is wrong in my code?

我正在使用react-draft- wysiwyg和draftjs-to-html制作文本编辑器。

而且我已经将动态html注入到编辑器中，比如，

index.js：

当前工作场景：

在这里，事情运行得很好，我能够得到纯文本，例如，

This text needs to display along with the html tags surrounded

在编辑器里面。

注意：（我的意思是说只显示文本而不显示 div、span 等 html 标签。

预期的：

我需要绑定整个 HTML，就像它在编辑器中一样，

工作片段：

所以我的要求是需要在编辑器中显示文本，

<div class="heading"> This text needs to display along with the <span> html tags </span> surrounded </div>

而不是

This text needs to display along with the html tags surrounded

我想创建一个编辑器，它将启动一个带有样式的 html 元素。

然后我映射它以获取 html 键然后将其设置为状态

然后按状态下html键的元素个数多次渲染编辑器：

当我运行它时，它会抛出一个错误 contentState.getBlockMap is not a function

我有一个编辑器，当有人单击链接时，我会弹出用户可以编辑链接的模式。但它不会自动聚焦到模态内的输入。我已经搜索了文档，但没有看到在弹出窗口出现时选择模式或聚焦该输入的方法。

我已经尝试过 useRef()，但我似乎无法向该模式添加 ref。我也尝试过 modalhandler 方法，但它似乎不适用于工具栏中的链接选项

我正在尝试创建一个页面，用户可以在其中回答多个问题，并为每个问题提供一个 Draftjs 编辑器，而不是一个简单的文本区域。现在我的问题是，是否甚至可以添加多个编辑器？我还没有看到有人使用超过一个编辑器（最多两个），甚至他们为此声明了 2 个不同的 editorState 变量。这对我来说不是一个选择，因为我不知道我会有多少问题。我正在使用 react-draft-wysiwyg。

我使用：https
://jpuri.github.io/react-draft-wysiwyg/#/docs 我需要在卡片 div 中限制长文本大小写的渲染。

我已经尝试使用本机解决方案但没有成功：

有没有办法控制渲染块的数量？