问题标签 [react-draft-wysiwyg]

我需要在反应所见即所得编辑器中有一个行间距选项，在编辑器中按回车后默认间距非常大。如果我使用 shift+ enter 它也需要自定义它，它会
在下一行添加一个标签，因此文本不对齐。

在多次输入时，它不会保存多个换行符。

有人可以帮助如何处理这些问题陈述吗？

将DraftJs与WYSWYG一起使用：我需要在工具栏中创建一个自定义按钮。单击按钮时，一些自定义 HTML（包括<button>）会添加到内容本身。

我知道如何添加自定义按钮，文档在那里。按钮被添加并且 onclick 我调用定义的方法insertText。但是使用insertText（draft.js 的 DraftModifier 类中的一个方法）它似乎只是将我的 HTML 代码添加为字符串。我应该使用其他方法将自定义 HTML 添加到内容中吗？我想添加真正的 HTML。

这是 TS 声明：

我正在使用 react-draft-wysiwyg 编辑器，我需要使用选项卡。当我按下制表键时，我希望它留下 4 个空格。为此，我添加了 onTab 事件，但它不起作用。我的代码有什么问题？

请帮忙。

谢谢

代码;

如何解决由 react-draft-wysiwyg 编辑器值引起的内容安全策略问题，该值在部署后具有内联样式并且样式未应用于它，因为该问题。如何修复它。

我有一个带有基本工具栏标题的文本编辑器

我想添加一个文本对齐选项（右、左和中心缩进）和一个分隔线（水平线）选项我正在使用 react-draft-wysiwyg 编辑器并且没有其他插件。

请有人指导我如何在 Draft.js 工具栏中添加自定义选项。

我正在使用 react-draft-wysiwyg 编辑器，并且在编辑器上使用文本对齐选项时，我看到了应用的样式，但是当我使用 stateToHTML 转换数据时，我没有看到任何应用到它的样式。

在这里，我使用了中心文本缩进，但在转换为 stateToHTML 后，我看不到任何样式应用于要保存的数据。我需要使用应用的样式保存数据。

有人可以帮我解决这个问题。

我有一个 useEffect 钩子，它将执行 axios get api 请求并存储在 useState

apiResponse 有一个 Object 数组

反应草案所见即所得

我在编辑器上打印未定义。

在控制台日志上，我在第一次渲染时未定义，然后在控制台上打印该值..但在编辑器中它仍然未定义。

我在这里犯了什么错误？

谢谢你。

我正在创建一个组件，该组件将使用 Draft-js 显示来自后端的数据。来自后端的数据也使用 Draft-js 存储。数据未显示，也没有错误消息。

来自后端的示例数据在传递给 viewContent.js 之前被解析

你好世界

我试图创建一个变量来检查代码是否正常工作。我尝试了这种方法 const sample = <p>Hello World。如果在 contenBlocks 上传递这个，这个就可以工作了。

视图内容.js

父组件

错误

我有一个使用 Draftjs 构建的富文本编辑器。我在编辑器中实现了更改字体大小、字体系列和文本颜色的功能。我还实现了添加无序和有序列表项的功能。

问题是每当我将无序或有序列表添加到文本块时，项目符号的字体大小始终是固定的，并且与该块中文本的大小不对应。

例如，即使文本的字体大小为 20 像素或 40 像素或 10 像素，项目符号的大小也始终为 10 像素。那么，有什么方法可以使项目符号的大小与该块中文本的大小相同。

Google 幻灯片表现出正确的行为，例如项目符号的字体大小会根据该块中文本的大小而变化。

因此，任何人都可以帮助我找到解决此问题的方法，我可以根据该块中文本的样式更改项目符号的样式。

下图解释了该问题。

使用 createWithContent() 设置初始编辑器状态时遇到问题

“richTextDescription”是存储在数据库中的内容

设置初始使用状态钩子：

状态改变方法：

这里使用 createWithContent() 设置编辑器状态。

以下显示输出正常

但是现在显示应该在编辑器中显示可编辑文本的初始编辑器状态。它显示为空白