问题标签 [draftjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
98 浏览

draftjs - Draft.js 用“.”分割可变性 分隔符

抱歉,如果这在文档中,但我一直无法找到它。

使用分段可变性选项,是否可以将“空格”以外的内容作为分隔符?例如,我使用“。” 在单词之间,我想要一个退格键,只删除前一个“。”

谢谢

0 投票
2 回答
1430 浏览

javascript - Draft-js 编辑器导致输入反向

我有一个需要多个文本输入的应用程序,并且为了格式化和自定义,我选择draft-js了我的编辑器,但是我遇到了一个非常令人困惑的输入问题。

当我在编辑器中键入时,我最近按下的键会打印在编辑器的开头,将我的整个输入颠倒过来,就好像插入符号总是在该行的第一个索引处。

我有 3 个编辑器,每个都有一个 onChange,它使用当前的编辑器更新一个 redux 存储contentState。当页面被重新渲染时,每个编辑器都会被渲染,它们各自的contentState转换为EditorState.

这是我的代码:

main.js

作曲家.js

我尝试过返回SelectionState以及ContentState,将两者结合起来,然后重新渲染,但这只会导致更多的问题和错误。

0 投票
1 回答
1056 浏览

reactjs - 从word doc草稿js要点

对于我的用例,从 Microsoft Word 复制和粘贴是一项常见任务。Draft.js 现在不能很好地处理这个问题,是否有任何插件或任何可提供此功能的东西?

不是整个 .docx 标准,而是项目符号列表和基本格式。

0 投票
3 回答
3495 浏览

reactjs - 尝试在 draftjs 文件中使用 getCurrentContent

我想获取我的编辑器的内容并最终将其存储到 const 内容中。我收到 _draftJs.EditorState.getCurrentContent is not a function 的错误。

0 投票
1 回答
5397 浏览

reactjs - DraftJS Modifier.insertText():插入 Unicode

我有表情符号列表。他们每个人都有自己的unicode。使用 Modifier.insertText(),我想将它们插入到文本中。

我希望看到

0 投票
2 回答
2042 浏览

reactjs - Draft-js convertToRaw 方法不起作用

我使用draft-js-plugins。我在我的编辑器中同时使用了表情符号和提及插件。当我使用时,

convertToRaw(contentState)

要将我的内容数据保存到数据库中,它会显示一条错误消息。

immutable.js:1421 Uncaught TypeError:无法读取未定义的属性“条目”

但是只有当我在我的内容中使用提及时才会出现此错误。它适用于纯文本和表情符号内容。请帮忙。

0 投票
4 回答
210 浏览

javascript - 在没有 JSX 的情况下使用 React 突出显示语法

我想构建一个带有非常简单语法突出显示的文本字段的 React 表单,但我想在没有 JSX 的情况下这样做。有没有办法在没有 JSX 的情况下使用 DraftJS?

0 投票
0 回答
341 浏览

reactjs - 在 Draft-js 编辑器中将 div 添加到插入符号位置

我正在使用draftjs-editor-plugins. 我想获得这样的功能 在此处输入图像描述

简而言之,在 React 中寻找类似http://ichord.github.io/Caret.js/的东西。或者任何将它与反应集成的解决方法?

0 投票
2 回答
1729 浏览

reactjs - Draft.js 编辑器第一行开头的光标

我有一个onUpArrow处理程序需要检查光标是否位于 Draft.js 编辑器中第一行的开头。编辑器可能包含多行/块。

我发现SelectionState诸如getAnchorOffset()and之类的方法getStartOffset()可以通过返回来告诉我光标位于行0首,但是该值会在任何行/块的开头返回,而不仅仅是编辑器中的第一个。

问题引用了“获取文档的开始或结束或获取确切的光标位置”,但它似乎并未将其纳入草稿源。

有谁知道一种方法来检测光标是否位于编辑器内容的开头?

0 投票
1 回答
997 浏览

reactjs - 如何在 DraftJS 中的超链接后添加空格字符?

我无法使用 DraftJS API 实现以下场景。

这是场景:按照此提供的链接示例

在用户确认超链接 URL 后,我正在使用以下代码将所选文本转换为超链接:

现在假设用户输入了文本abc,然后他在提示符中为其提供了 url,例如http://yahoo.com 文本abc被转换为超链接,很好很酷。

但是在文本编辑器中的光标立即滑到行首之后。当用户手动尝试将该光标移动到行尾并再次键入某些内容时,文本编辑器会在行首显示键入的文本,这很奇怪。

在我看来,应该在生成的超链接之后插入一个空格字符,以便用户能够在此之后输入一些内容。光标也必须停留在超链接的末尾而不是行首。

我怎样才能做到这一点?