问题标签 [draft-js-plugins]

我想将内联工具栏与draft.js中的示例结合起来，将链接插入到编辑器中。

感谢draft.js 插件常见问题解答，我能够将装饰器添加到 draft-js-plugin 编辑器，该编辑器在按钮单击时插入链接。

现在我想把这个按钮放在 Draft-js-plugins 的内联工具栏中。这似乎行不通。这是我到目前为止所做的：

编辑器.jsx

链接按钮.jsx

这样，我设法获得了一个显示在内联工具栏中的按钮。但是当我点击那个按钮时，什么也没有发生。我解释说其中一个onClick处理程序会触发，但事实并非如此。

完整的源代码

在这里您可以找到我的完整源代码，因为我不想只将相关部分直接放在问题下方。请注意，代码将无法在事物中工作，run snipped因为我不知道如何在不设置孔 wabpack 事物的情况下让它在那里工作。

提及Editor.jsx

链接按钮.jsx

我正在开发一个react应用程序，使用redux和electron. 当我正在编写一个支持INLINETEXdraft.js的编辑器以及draft-js-mathjax-plugin时，保存我的编辑器状态的必要性出现了。所以我将转换ContentState为 Raw 以便将该状态保存到数据库中：

然后再将其转换为ContentState：

使用convertToRawandconvertFromRaw方法，内联样式丢失，只能TeX创建块 of。如果不进行转换，则不会发生这种情况。知道为什么会这样吗？

我有这个必须抽象draft-js编辑器的反应组件。我的 redux 商店将有这个description必须是常规 HTML 字符串的字段。编辑器应该能够获取valueHTML 字符串并将其解析为自己的内部内容（draftjs 内容）。更改内容时，它应该onChange使用最终的 HTML 内容触发 prop。换句话说，这个组件内部发生的事情应该对外界透明。

现在，我的组件如下所示：

由于某种原因，这不起作用。似乎getCurrentContent在状态实际更新之前被调用。我实在想不通。

我对处理这种情况的任何[新]方法持开放态度；我只需要能够发送一个 HTML 值并输出一个 HTML 值。我也接受可以完成这项工作的其他所见即所得插件的迹象。

我无法在 draft.js 的 editorState 中更新我的图像块。我想在按钮保存时更改 atomic:image src。所以 src 现在是 blob：http://localhost:3000/7661d307-871b-4039-b7dd-6efc2701b623 但我想更新到 src 例如 /uploads-from-my-server/test.png

我知道我可以使用 block.getData().get('src') 访问 src 字符串，但我无法设置

感谢您的出色编辑

我在我的应用程序中使用基于草稿 js 的 react-draft-wysiwyg 文本编辑器。尝试通过编辑器图像控件上传图像时遇到一些问题。我正在使用自定义 FileUploader 组件。它将图像保存在服务器中，我也得到了包含上传图像 url 的正确响应。但是图像没有显示在编辑器中。这是我的编辑器组件代码：

下面是我在 TextEditor 中用于 FileUpload 的自定义Fileuploader组件。

请指导我找到问题并修复。

我只需要在draft-js-emoji-plugin中扩展几个 CSS 规则。

记录的方法是将theme对象传递给配置：

不幸的是，这会覆盖整个主题类名，而不是添加单个类名。根据代码中的注释，此行为是设计使然：

在相关问题中，开发人员建议在代码中导入draft-js-emoji-plugin/lib/plugin.css和扩展它。无论如何，这个文件中的每个类名都有后缀（CSS 模块），它们可能会被更改，所以它是可靠的。

我不知道如何在不处理整个主题的情况下应用多个修复程序。

我在 Webstorm 中创建了一个新的 React 项目。我已经安装了draft-js和draft-js-plugins-editor，以及插件draft-js-hashtag-plugin和draft-js-mathjax-plugin（使用节点）。

我在他们的 Github 上关注了他们的“入门” ，但是这个例子对我不起作用。我一写

import Editor from 'draft-js-plugins-editor';

我得到一个TypeError: Cannot read property 'object' of undefined错误。

我的最小示例代码：

请你帮我如何从下到上改变它的位置？我想在文本顶部而不是底部显示提及列表。关于表情符号列表的相同问题。

示例链接。

问题：

draft-js我正在尝试为使用+创建的内容创建一个编辑界面draft-js-mention-plugin。但是，editorState没有持久化，只有纯文本。提及被保存为对象数组。现在我需要使用该数据重新创建 editorState。

例子：

我有这样的纯文本：

还有一个mentions像这样的对象的数组：

要使用纯文本创建 editorState，我使用以下几行：

效果很好。纯文本设置为初始状态，但没有提及。

现在我需要一种基于mentions对象添加提及的方法。

我正在尝试阅读库代码以找出答案，但到目前为止还没有成功。

我正在使用 Draft.js 插件Mention。

对于editorState.content.entityMap.mention，我可以通过

但是为什么我检查它是否是Map由

它回来了false？注意控制台显示mention的是地图。