问题标签 [draftjs]

如何将 Draft-js 中的数据保存到 Meteor？

我试着...

• 将 Draft-js 中的数据保存到数据库
• 使用 React + Meteor

这是Draft.js。这是Meteor 入门套件。还有这篇文章似乎很相关。

但我无法将这些信息应用到项目中。

考虑到我的 ~/imports/collections/bins.js 是

并考虑在A Beginner's Guide to Draft JS中找到的指南

我正在尝试将保存的内容保留在编辑器中（例如刷新后）。

• 目前，内容来自 DB 到 console.log 并按预期显示。
• 但我不能把它保存在编辑器中。

[编辑] 删除草稿项目链接，请参阅下面的解决方案。

我正在使用：
Draft-JS
react-draft-wysiwyg

这是 ~/imports/collections/bins.js

~/client/components/bins/bins_main.js

在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？我的目标是创建自定义组件，其工作方式类似于中等草稿http://bitwiser.in/medium-draft/
中的图像块 但是，在我的情况下，应该是用户可以添加和设置文本样式的两个区域（见下图）。我看到了如何在image.js中等草稿的组件中 制作描述块下方的图像 - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.jsEditorBlock . 我不知道如何在自定义组件中组织两个丰富的可编辑区域。

我在使用 Draft.js 时遇到了一点麻烦。

当我设置道具blockRenderMap等于地图时

然后我的组件MyCustomTextBlock得到props.children.

所以它可以像包装器一样工作：

在上面的代码props.children中呈现为样式文本。但是当我替换blockRenderMap为时blockRendererFn，我完全不知道如何将样式文本插入到我的组件中。该方法只接受参数是contentBlock.

那么，可能有人知道如何将孩子传递给包装器，或者可能如何手动渲染它们？

我按CTRL+B=> 我希望选定的文本加粗。

有用的链接：

• http://facebook.github.io/draft-js/docs/advanced-topics-key-bindings.html#content - 描述做什么keyBindingFn和handleKeyCommand做什么。

• https://github.com/facebook/draft-js/blob/master/examples/draft-0-10-0/rich/rich.html - 冗长的例子。

• https://www.youtube.com/watch?v=0k9suXgCtTA - 很棒的视频，解释了如何添加一个可以切换粗体的按钮。

我正在做一个反应项目，我们将使用很多表单，包括具有丰富 HTML 的字段。我搜索了一段时间，偶然发现了 Draft-js。看起来很不错，但我似乎找不到任何从头到尾如何使用它的好例子。我发现的大部分内容是如何修改控件，但这不是我想要的。它的基本功能是我目前所需要的。

我已经完成并以我的形式工作，我有我想要的控件等，但我只是不知道从那里去哪里。

我的结构如下所示：

我查看了EditorState,convertToRaw等，但无法弄清楚如何EditorState从我的提交事件中访问 。

我对反应也有点陌生，但我认为我应该SubmitButton在onClick handler从FormContainer.

然后我clickHandler应该触发 aRedux Action以将数据保存在表单中。

但在这种情况下，我如何访问并将其转换EditorState为正确的数据格式，特别是考虑到DraftEditors我的表单中有多个？

如果您知道那里有任何很棒的示例或教程，请告诉我。

我的反应应用程序上有一个表格。我想从用户的表单中捕获输入并将文本存储在 state 属性中，然后将文本发送回我的服务器。我遵循了基本的 DraftJS 教程，但是它为我提供了我所在州的地图，而不仅仅是发送回服务器所需的文本。

为了从编辑器中获取文本，我需要做些什么特别的事情吗？

我正在构建一个 Chrome 扩展来纠正用户的输入。更正后，在输入字段中更改了更正的单词。该代码目前适用于 textareas 和 contenteditables，但我遇到了 Draft.js 的问题，例如 Facebook 的主要帖子字段“What's on your mind”：当用户将焦点重新放在输入字段上时，更改的部分会被还原。

使用 Draft.js 编辑器在任何页面中运行以下代码段将更改第一行的文本，然后重新设置焦点。发生这种情况时，Draft 会还原更改的内容。

JsFiddle 示例： https ://jsfiddle.net/m6z0xn4r/161/

我想找到一个解决方案，在将焦点重新设置在输入字段上后，更改的文本会保留在那里。

我正在寻找一种非侵入性的方式来使文本保持编辑状态。我尝试在文本字段上触发事件，但没有任何效果。我觉得使用 javascript 文本选择/范围操作可能是一个好方法，但到目前为止也没有运气。

任何帮助表示赞赏！

如何将 tabIndex 值传递给 draft-js 编辑器，以便它可以参与“tab-between-components”循环？

目前我有一个这样的 DraftJS 编辑器：

具有状态的构造函数：

我甚至制定了一个与一系列正则表达式匹配的装饰器策略，以确定一个块是否是一个表情符号，如:D, :(,:|等。

问题是我无法弄清楚如何将更多道具“传递给策略中的元素”或如何从匹配中创建实体......

这是策略：

谁能帮我？谢谢！

PS：我似乎无法从 Draft-js 中找到真正深入的文档，github 上的文档只有肤浅的描述和虚拟示例。