问题标签 [draft-js-plugins]

我正在使用提及插件实现 React 的“draft js”。https://www.draft-js-plugins.com/到目前为止，我能够创建编辑器并创建提及标签。我可以使用 rest API 将提及保存在我的数据库中。这是我将内容保存到数据库时所做的事情：

在此之后，我将数据传递给 API。直到这里它运行良好，现在当我尝试从数据库中检索数据时。我使用以下步骤

然后在我的帖子列表模块中，我将 newEditorState 作为道具传递。

最后这是我要显示的编辑器：

上面的代码呈现文本，但提及和 hastags 没有正确显示，它们显示为纯文本。我确信我在渲染时遗漏了任何步骤，从文档中我可以看到我们需要使用装饰器，但不确定我们如何使用。我将非常感谢任何帮助！

我已经在这个问题上工作了一段时间，我希望这不是一个错误。

我正在使用 Draft.js 测试一个文本编辑器，我只是希望我的用户向他们的文章添加一个超链接，所以我通过修改编辑器状态的内容来创建一个函数来实现这一点。

当我触发它时，我只使用了一个 Evergreen-ui 按钮：

我使用 Modifier 对象实现的样式有效，但我似乎无法让链接实际工作。应该注意的是，链接插件作为一个包，效果很好，但这仅用于检测输入/粘贴的 URL（不嵌入到文本中）。

对于使用 React 函数式编程的链接，是否有人有一个实际的工作示例，或者我可能做错了什么的建议？

在只读模式下，我想阻止插入符号闪烁。有没有办法实现它？我尝试设置animation属性，.public-DraftEditor-content但似乎不起作用。

我不想隐藏光标，因此使其透明不是我正在寻找的解决方案。我只希望它是静态的，并且在内容不可编辑时不闪烁。

所以我一直在尝试获取convertFromHTML将图像转换为原子块的方法，以便它可以与 兼容，draft-js-image-plugin因为它需要类型的块atomic

给定一个简单的 HTML 结构，其中包含一些文本和开箱即用的图像，convertFromHTML会产生以下内容contentState：

我们可以看到img标签占据了一个unstyled我不想要的块。因此，我创建了以下函数来扩展默认块渲染映射以考虑img标签：

导致此内容状态：

如您所见，entityMap现在只有一个键，并且图像的所有数据都不再存在。如何在 entityMap 中img创建实体的同时使标签成为原子块？？？IMAGE

我已经实现了 draft-js-mention-plugin 以允许用户提及其他人，但我希望每个帖子只允许提及我该如何做到这一点。

我试图弄清楚如何在 Draftjs 中居中文本块，并尝试了以下方法，即定义 css 样式，然后将它们应用于具有定义类型 CENTER_ALIGN 的块。其他方法包括使用自定义块函数设置块数据，该函数根据存储的数据映射样式。代码中不相关的部分已被省略。我已经在这个问题上苦苦挣扎了大约一个星期，不知道我还能如何尝试解决这个问题。我也不确定我到底做错了什么。请指教。谢谢你。

编辑：意识到“Draft.css”中的默认样式会覆盖您自己的 .css 文件中定义的任何对齐样式。

RTEditor.js

RTEditor.css

我正在使用带有反应的 Draft-js-plugins 表情符号选择组件，并且我正在尝试在选择表情符号时关闭弹出框，我已阅读文档但没有找到实现此目的的方法。

这是文档和实时示例。您可以在那里看到，如果您选择表情符号，弹出框将保持打开状态。

我的代码看起来与文档中显示的完全一样。

谢谢是提前:)

我需要使用 convertFromHtml 在 Draft.js 编辑器中转换以下代码段。

我能够将嵌入链接与文本转换没有任何问题，但在嵌入图像链接时遇到问题。

如果可以提出一些解决该问题的建议会很有帮助。

我正在使用草稿 js 编辑器及其链接和提及插件。在编辑器上添加链接和提及链接可以正常工作，但是当我尝试获取 html 时，会从内容中删除锚标记。

我的编辑器渲染

这就是我尝试获取 HTML 的方式

draftToHtml(convertToRaw(_editorState.getCurrentContent()));

如果编辑器有一个链接，比如 google.com，上面的代码会返回纯文本而不是锚标记，尽管它在编辑器中显示了锚标记。与提及相同，我正在添加提及的链接，但锚标记也被删除。如果我复制粘贴链接说Wikipedia，则不会删除此锚标记。

如何使用链接和提及的锚标记获取这些 html？需要帮忙。我不是这里的专业人士。

编辑1： 我进一步检查并发现

1. convertToRaw 上的 Linkify 以纯文本形式返回
2. 提及适用于 convertToRaw，但 DraftToHtml 在这里不工作，因为它不受支持。

我将不得不操纵原始数据以获得必要的结果。

这是我的代码

在这里你可以看到 readOnly 是true，但是当我执行代码并显示文本时，文本是不可编辑的（正如预期的那样，因为 readOnly 字段）但是添加的数学方程（例如 \alpha 或 \sigma）mathjaxPlugin仍然是可编辑。