问题标签 [draft-js-plugins]

如何在文本编辑器中获取当前输入文本并在 Draftjs 中自动完成，如提及或主题标签

这里很简单 https://codesandbox.io/s/jovial-newton-hn18i

我尝试在不在编辑器中的单独输入字段上启用自动完成功能，

他们是在 Draftjs 中实现自动完成（给出下拉）的更好方法吗

我正在尝试从 Draft-js 编辑器外部删除图像，但它始终插入到编辑器中光标/选择的最后位置（或者如果未设置光标/选择，则在末尾）。

这是我的环绕draft-js-drag-n-drop-plugin

基本上我只是在handleDrop使用插入图像的基础发生之前做额外的逻辑imagePlugin.addImage。有没有办法将图像拖放到拖动位置？

所以我将从这个开始：

太阳能

然后我大胆地说，Solar，我得到了这个：

太阳的

力量

为什么它进入一个新的行？

我正在使用React Draft Wysiwyg，我需要将任意文本从我的应用程序的一个组件插入到编辑器组件中。我通过剪贴板执行此操作，作为从一个组件传输到另一个组件的中介。但是document.execCommand('paste')失败了。

有人知道怎么做这个吗？

我的示例代码在这里；第三个控制台日志为粘贴结果发出 false 。

预先感谢您的帮助！

我想让我的文本编辑器显示通过键盘命令选择并执行了多少次内容块。我通过将实体应用到具有evaluatedTimes属性的选定块来做到这一点。数据已正确更改，但实体组件不会重新渲染，直到我在文本块中插入新字符。

实体的装饰器策略没有被调用，所以我找到的唯一方法是使用新的装饰器实例更新编辑器状态。这样实体组件会被重新渲染，但解决方案有点hacky。

依赖项：

代码：

将我们的富文本编辑器切换到 Draft-JS，但在提及插件时遇到问题。

提及插件需要一组对象，如下所示。

我的问题是我想搜索名称，但在选择时插入值

例如，当用户搜索并选择“Matthew Russel”时，“mr5058”被插入到文本字段中。有谁知道解决此问题的方法或解决方案？

我们如何在 Draftjs 文本编辑器中垂直对齐文本？它应该支持顶部、中心和底部对齐。

我确实使用 react-draft-wysiwyg 制作了一个简单的反应应用程序，但我收到了警告。

当我单击编辑器时，我会在控制台中出现此错误，但仅当我在 StrictMode 中运行它时：

警告：无法在尚未安装的组件上调用 setState。这是一个无操作，但它可能表明您的应用程序中存在错误。相反，在 r 组件中直接分配this.state或定义state = {}; 具有所需状态的类属性。

我确实为您制作了一个 codeSandbox：https ://codesandbox.io/s/strange-monad-lxtuu?file=/src/index.js:0-295 尝试单击编辑器并查看控制台中的警告。我做错了什么？

在将文本显示给用户之前尝试在编辑器中截断文本，但出现以下错误，请仔细查看您可能会发现我遗漏的一些内容

我的代码

我正在开发一个自定义的 draft.js 插件，该插件在其中插入一个带有 GIF 的原子块。我首先复制Draft.js 图像插件，因为它几乎相同。我的插件可以正常工作，但有一个问题我不确定如何最好地解决。

要插入 GIF，我将按照 Image Plugin 中的示例addImage Modifier进行操作。但是，这总是在当前选择之后创建一个新的原子块。如果当前块是空的，我想把 GIF 放在那里。

这是我的修饰符函数的样子：

我不确定如何处理将当前块转换为原子块的情况。这是 Draft.js 的最佳实践吗？或者，我最好总是插入一个新块然后删除空块？

为清楚起见，Image Plugin 中也存在同样的问题，这不是我介绍的内容。