问题标签 [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 投票
1 回答
462 浏览

draftjs - 如何在反应组件中检索和显示 Draft-js 原始对象?

虽然 Draft-js 的作者说他“不想发布任何转换工具”(https://github.com/facebook/draft-js/issues/62),

我还是想问一下,将 raw 对象存入数据库后,如何在我们的 react 组件中方便的检索和显示 raw 对象呢?

以及如何自定义显示效果,使其与使用带有readOnlyprop的Draft-js Editor组件显示的效果不同?因为我们经常要自定义显示效果,因为显示效果总是和我们在编辑器中编辑时的效果不一样。

0 投票
0 回答
1363 浏览

reactjs - 如何以编程方式在 React 的 DraftJS 中添加 HTML 内容?

我是 Draft-JS 的新手,能够为我的消费创建一个足够体面的文本编辑器,但我需要通过编码在我的 Textarea 底部添加一个带有 LI 项目的 UL 列表。

我尝试使用导入 HTML,然后将我的 HTML 添加到其中,然后将其导出回编辑器状态,但撤消和重做并没有像这样工作。我可能听起来很奇怪,但您的帮助将不胜感激,因为我无法找到 Draft-JS 的好资源

我目前正在使用的添加 html 的代码是:

在上面的代码中,我从编辑器状态获取 html,然后附加所需的 html 字符串并从 html 重新生成内容状态并编辑编辑器状态。谢谢你..

0 投票
3 回答
8769 浏览

reactjs - Draft.js 编辑器为空

如何测试draftjs编辑器的内容是否为空?

我现在唯一的想法是与从此函数返回的对象进行对象比较:EditorState.createEmpty().getCurrentContent()

0 投票
1 回答
3452 浏览

javascript - 检测模糊,也就是 Draft.js 编辑器失去焦点

是否有“正确的方法”来检测我是否失去了 Draft.js 编辑器的焦点?

用例是,如果用户单击其他地方,我想要“退出编辑器模式”,这意味着我切换编辑器的 readOnly 属性。我怎样才能理想地做到这一点,这样做是一个好主意(你看到问题了吗)?

0 投票
1 回答
1588 浏览

reactjs - 结合 Draft-js 和 redux-form

我有一个带有 2 个常用输入的表单,我可以在其中使用这种常用方法:

而且我在表单中有一个 draftJS 编辑器。我需要draft-js-export-html在提交时将 draftJS 内容转换为 HTML(通过),并在组件安装过程中将 html 加载到它。如何将它与 redux-form 结合起来?

0 投票
1 回答
2448 浏览

javascript - Draft JS 使用 handleBeforeInput 替换文本不会改变 EditorState

嗨,我在 Draft-JS 中遇到问题。我想更改文本,例如当用户键入“:)”时它会更改为表情符号,但在此示例中,我只想更改一些使用“**”的单词进行测试。不知何故,handleInput 中的 this.setState new editorstate 不会改变状态。

0 投票
2 回答
11350 浏览

css - React 中的 Draftjs 样式

我想在我的项目中使用 draft.js。它有自己的 css,我也需要导入。在文档中说:

渲染编辑器时应该包含这个 CSS,因为这些样式设置了文本对齐、间距和其他重要特性的默认值。

  1. 如何在渲染组件时包含 Draft.css?我是否将它包含在我的主要 index.html 中?
  2. 还有如何给id编辑器一个,以便我可以设置它的样式(例如border,、、paddingmin-height
0 投票
2 回答
1031 浏览

javascript - 如何让 Draft.js 识别转义键?

当用户键入转义键时,我想取消输入并清除我的应用程序中的字段。我们尝试在 keyBindingFn 中测试 e.which === 27,但是当按下转义键时,甚至从未调用过该函数(对于普通键、修改键和箭头键,它调用得很好)。如何检测 Draft.js 中的 Escape 按键?

0 投票
0 回答
1503 浏览

javascript - React Draft.js 服务器端渲染

我想将Draft.js与 React 和服务器渲染一起使用。问题是,组件没有完整呈现。因此,在对象检查器中,我可以看到 div 元素,但页面是空的,没有任何文本输入或其他。

这是我的组件代码:

和服务器测试文件:

你能帮我吗,哪里有问题?谢谢

0 投票
1 回答
2453 浏览

reactjs - Draft.js 和 React Native

有没有人尝试使用 React Native 移植 DraftJs。任何想法如何做到这一点?

https://github.com/facebook/draft-js/issues/138