问题标签 [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.
javascript - 如何将 Draft-js editorState 数据保存到 Meteor？
如何将 Draft-js 中的数据保存到 Meteor？
我试着...
- 将 Draft-js 中的数据保存到数据库
- 使用 React + Meteor
这是Draft.js。这是Meteor 入门套件。还有这篇文章似乎很相关。
但我无法将这些信息应用到项目中。
考虑到我的 ~/imports/collections/bins.js 是
并考虑在A Beginner's Guide to Draft JS中找到的指南
javascript - 如何在编辑器中显示保存的 Draft-JS 数据？（反应 + 流星）
我正在尝试将保存的内容保留在编辑器中（例如刷新后）。
- 目前，内容来自 DB 到 console.log 并按预期显示。
- 但我不能把它保存在编辑器中。
[编辑] 删除草稿项目链接，请参阅下面的解决方案。
我正在使用：
Draft-JS
react-draft-wysiwyg
这是 ~/imports/collections/bins.js
~/client/components/bins/bins_main.js
draftjs - 在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？
在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？我的目标是创建自定义组件，其工作方式类似于中等草稿http://bitwiser.in/medium-draft/
中的图像块
但是，在我的情况下，应该是用户可以添加和设置文本样式的两个区域（见下图）。我看到了如何在image.js中等草稿的组件中
制作描述块下方的图像 - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.jsEditorBlock . 我不知道如何在自定义组件中组织两个丰富的可编辑区域。
reactjs - 如何使用 blockRendererFn 渲染块的样式数据？
我在使用 Draft.js 时遇到了一点麻烦。
当我设置道具blockRenderMap等于地图时
然后我的组件MyCustomTextBlock得到props.children.
所以它可以像包装器一样工作：
在上面的代码props.children中呈现为样式文本。但是当我替换blockRenderMap为时blockRendererFn，我完全不知道如何将样式文本插入到我的组件中。该方法只接受参数是contentBlock.
那么，可能有人知道如何将孩子传递给包装器，或者可能如何手动渲染它们？
reactjs - 如何在 Draft.js 中创建自定义键绑定？
我按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 - 很棒的视频，解释了如何添加一个可以切换粗体的按钮。
javascript - 草稿js数据流示例
我正在做一个反应项目，我们将使用很多表单，包括具有丰富 HTML 的字段。我搜索了一段时间，偶然发现了 Draft-js。看起来很不错，但我似乎找不到任何从头到尾如何使用它的好例子。我发现的大部分内容是如何修改控件，但这不是我想要的。它的基本功能是我目前所需要的。
我已经完成并以我的形式工作，我有我想要的控件等，但我只是不知道从那里去哪里。
我的结构如下所示：
我查看了EditorState,convertToRaw等，但无法弄清楚如何EditorState从我的提交事件中访问 。
我对反应也有点陌生，但我认为我应该SubmitButton在onClick handler从FormContainer.
然后我clickHandler应该触发 aRedux Action以将数据保存在表单中。
但在这种情况下，我如何访问并将其转换EditorState为正确的数据格式，特别是考虑到DraftEditors我的表单中有多个？
如果您知道那里有任何很棒的示例或教程，请告诉我。
javascript - 在 draftjs 中获取用户输入的文本
我的反应应用程序上有一个表格。我想从用户的表单中捕获输入并将文本存储在 state 属性中，然后将文本发送回我的服务器。我遵循了基本的 DraftJS 教程，但是它为我提供了我所在州的地图，而不仅仅是发送回服务器所需的文本。
为了从编辑器中获取文本，我需要做些什么特别的事情吗？
javascript - 用纯 Javascript 替换 Draft.js 中的单词
我正在构建一个 Chrome 扩展来纠正用户的输入。更正后，在输入字段中更改了更正的单词。该代码目前适用于 textareas 和 contenteditables，但我遇到了 Draft.js 的问题，例如 Facebook 的主要帖子字段“What's on your mind”：当用户将焦点重新放在输入字段上时，更改的部分会被还原。
使用 Draft.js 编辑器在任何页面中运行以下代码段将更改第一行的文本，然后重新设置焦点。发生这种情况时，Draft 会还原更改的内容。
JsFiddle 示例： https ://jsfiddle.net/m6z0xn4r/161/
我想找到一个解决方案，在将焦点重新设置在输入字段上后，更改的文本会保留在那里。
我正在寻找一种非侵入性的方式来使文本保持编辑状态。我尝试在文本字段上触发事件，但没有任何效果。我觉得使用 javascript 文本选择/范围操作可能是一个好方法，但到目前为止也没有运气。
任何帮助表示赞赏！
reactjs - 如何在 Draft-js 实例上设置 tabIndex 属性？
如何将 tabIndex 值传递给 draft-js 编辑器，以便它可以参与“tab-between-components”循环？
javascript - 如何在 Draft-js 中为块创建、设置样式和定义数据属性？
目前我有一个这样的 DraftJS 编辑器：
具有状态的构造函数：
我甚至制定了一个与一系列正则表达式匹配的装饰器策略，以确定一个块是否是一个表情符号，如:D, :(,:|等。
问题是我无法弄清楚如何将更多道具“传递给策略中的元素”或如何从匹配中创建实体......
这是策略：
谁能帮我？谢谢！
PS：我似乎无法从 Draft-js 中找到真正深入的文档，github 上的文档只有肤浅的描述和虚拟示例。