问题标签 [draft-js-plugins]

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

当鼠标悬停在图像的底部（如果可能，还包括右下角）时，我试图允许调整大小。

在文档 使用部分中，它说：

将鼠标悬停在块的右侧并拖动以调整大小。在哪个边缘调整大小是可能的是可配置的。

但是，配置参数部分是空的。

如何在此函数中使用参数？

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

我正在尝试使用原始长宽比调整图像大小。

但是，对于下面的代码，当我使用鼠标通过图像的底部边缘调整大小时，光标发生了变化，但无法调整大小。它只适用于左右边缘。

codesandbox

查看源代码后，我仍然没有弄清楚是什么原因造成的。

我的 redux 存储中有这些数据，我想在我的 react 组件中呈现这些数据。

我成功地使用草稿编辑器创建了一个链接类型，并且能够将其存储在数据库中，并且在渲染它时，我得到了除链接之外的整个文本。我在我的 redux 中有这个链接信息，即“实体图”以及“块”内的“实体范围”，它告诉链接开始的偏移量和长度是多少。例如，在我的情况下，它是“this is the link”中的“link”。

这是我用来从我的 redux 呈现上述 json 的代码：

}

如何修改此渲染方法使其也渲染链接实体？

我正在尝试将 Draft.js 与 Image 插件一起使用。这是我的问题。我设法让它工作，但没有加载样式，编辑器占用整个页面并且按钮没有样式。

我从提供的 CSS 加载样式

但它什么也没做。我正在使用 Create React App，所以style-loader应该css-loader可以正常工作。

谢谢您的帮助。

在将 draft-js-mention-plugin 加入我的应用程序时，我遇到了一个问题。请看一看：

“警告：React 无法识别 DOM 元素上的 isFocused 属性。如果您故意希望它作为自定义属性出现在 DOM 中，请将其拼写为小写 isfocused 。如果您不小心从父组件传递了它，请将其从DOM 元素。”

请根据这个问题找到打印屏幕：

顺便说一句，这个问题也可以在这个例子中找到：https ://codesandbox.io/s/x2r59zo4j4

有没有人有同样的警告？！或者有人在 reactjs 中使用 draftjs，甚至在 vanilla javascript 中提到过？我只需要依靠一个例子来完成工作（我是 JS 的新手，React JS）......在此先感谢 :)！

我正在尝试围绕Draft.js 中的自定义块组件进行思考，并且我正在关注本教程。

本教程提到了一种检测输入并进入自定义块模式的方法，在这种情况下，[]当输入块为空时，我们进入 todo 模式并渲染 TodoBlock。

现在，由于我们handleBeforeInput用于检测是否需要进入 todo 模式，我们将 liveeditorState作为回调并能够避免竞争条件。

我想通过按下外部按钮来实现自定义块状态，在这种情况下，分隔模式来呈现 DividerBlock 但在自定义按钮中，我只有本地组件editorState可以使用。

我遇到了竞态条件，无法进入自定义阻止模式。

这是迄今为止我探索的一个代码框。

因此，总而言之，有两个自定义块：-

• TodoBlock - 通过 handleBeforeInput 进入 todo 块模式，即获取实时编辑器状态回调，这有效。

• DividerBlock - 通过外部按钮进入分隔块模式，即通过本地组件获取编辑器状态，这可能是陈旧的，这不起作用

使用draft-js-plugins-editor 的 Draft -js出现此错误

奇怪的行为：只有当我在写作后重新关注编辑器的第一行时才会发生这种情况，当我试图设置为时。第一行的标题到 H1 它改变了以前的焦点行

错误：Uncaught TypeError: Cannot read property 'getIn' of undefined

完全错误：

这是我的组件：

我的组件如下所示：

我想导入或粘贴一个带有类名属性的简单 html 片段，以便在 Draft.js 编辑器中解析并激活这些类。类名的这种解析和设置应该独立于 html-tag 类型，例如<div>, <span>, <b>, <strong>等。

起初，我认为这将是与 draft.js 相关的标准问题，但是我在网上没有找到任何答案，这就是我在这里提出问题的原因。

我坚持这个：

我看到，当我使用这个简单的 handlePastedText 函数时，粘贴了正确的 html 代码：

使用这个 Draft-js 编辑器：

但是，对应的 draft-js 编辑器状态不知道类，因此在浏览器中没有相应地格式化。EditorState 是：

回到这个 html 源代码：

我很想知道这个问题有一个优雅而简单的解决方案。只是将 classNames 导入 Draft.js 编辑器？也许我从错误的角度看待它，但我认为这对更广泛的受众是有益的，因为您可以在任何 Draft.js 可编辑的编辑器中轻松处理、粘贴和格式化具有任何（外部）样式的片段。

先感谢您！

我正在开发一个主页，该主页由代表页面内容各个方面的八个不同组件组成。我希望InlineEditor使用使用 Draft.js 的自定义构建组件来编辑其中的三个。当我最初尝试这样做时，第二个和第三个组件的编辑工具栏只能在第一个组件上工作。所以这是一个 Draft.js 问题。InlineEditor通过创建三个独立的组件，然后在必要时单独使用每个组件，我能够让一切正常工作，但这似乎是多余的。

我认为必须有一种更好的方法来使用 HOC 来做到这一点，或者render props我正在努力正确地设置它。关于什么可能是更好的解决方法的任何想法？

这是初始InlineEditor组件：

目前，这是由组件访问的，例如About：

我浏览了 draft-js-mention-plugin 的文档，但找不到从内容中读取所有提及的方法。有没有办法可以找到所有提及的数组？我需要单独存储所有提及并发送电子邮件。非常感谢您的帮助。我正在使用此处给出的示例