问题标签 [draftjs]

我正在尝试将Flow与draft-js一起使用。

package.json 依赖项

我通过运行安装了带有流类型flow-typed install的类型定义。

这是我从 Draft-js 文档中复制的一些稍微修改过的代码，我正在尝试使用 flow 进行验证。

index.js

.flowconfig

但是，当我运行flow命令时，调用 Draft-js API 时不会出现任何错误。在此处设置流程以与草稿一起使用的正确方法是什么？

我认为这是一个非常常见的请求，但是，我找不到任何东西可以帮助我解决它。我已经尝试过各种插件draft-js-import-html和变体，但它们似乎从来没有完全工作，特别是当你添加图像或嵌入视频时。

这是我想在编辑器中使用的示例 HTML：

它有一些基本h1的 , bold, ... 以及一个图像和一个 iframe 以及一个带有包装器的 iframe 以使视频响应。

我想要的是有一个draft-js编辑器，我可以在其中放入 HTML（如上），并在更改时返回 HTML。

所以如果我从这个开始，我怎样才能给它 HTML 并取回 HTML？

而不是必须为每个自定义标头类型创建一个组件，我想动态地这样做。

_

当我与 html 图像一起插入编辑器时，例如：

编辑器不插入标签img，而是雕刻iframe。为什么draft.js这样做以及如何解决它？codepen 上的完整代码： http ://codepen.io/alex183/pen/xgVzZE?editors=0010

问题是：如何将 draft-js 内容保存为 html，然后在页面上呈现内容（此时为 html 字符串）。

以为我会分享我学到的东西。

请在解决方案中找到一种使用 Draft.js 保存和呈现内容的方法。

也请发布您自己的解决方案，以便我们都可以学习。

我正在构建新的 React App 来学习和使用Draft-jsRichStyle 文本编辑器。我曾经create-react-app初始化我的 React 应用程序。它工作正常，而且非常易于使用。

现在，我尝试添加semantic-ui-reactReact 版本的 SemanticUI lib。

啊啊啊失败了。

npm install semantic-ui-react --save

如您所见，draft-js 的效果相同。我的问题是，通常在 React 15.4.2 中使用 Draft-js 和语义 ui-react 是没有问题的。我在专业环境中使用这个堆栈。npm 我有什么遗漏吗？是否create-react-app可以停止此安装？

现在，我无法安装任何软件包。每次都会出现这个错误。但是，我仍然无法npm start使用我的本地 Web 服务器。我也试过npm cache clean

是我很简单的 package.json

再次感谢您的帮助。

解决方案：只需更新 NPM，一切正常。

编辑：我的应用程序文件夹：

还有我的 npm 和节点版本

为全文搜索执行索引的最有效方法是什么？

我使用 mongodb，但我认为这在这个问题的背景下并不那么重要

我正在考虑通过进一步索引来存储 draft.js 输出的两种方法：

1. 将其转换为降价。这看起来很简单，全文搜索索引足够智能，可以在索引期间过滤掉所有的垃圾字符。但是，如果 markdown 这么好，draft.js 可能会将数据输出为 markdown 而不是块结构。因此，我认为按原样存储块一定有优势。
2. 之后存储块，JSON.stringify并将每个块的所有“文本”属性作为纯文本存储在单独的文档属性（或 sql 的表列）中。因此，纯文本将仅用于索引，其余工作将由字符串化/解析的 JSON 完成。老实说，听起来不必要的复杂。

如果你们已经遇到过这种情况，是否对如何存储和索引这些数据有一些准确的建议？

这里有一些具体的例子：

Draftjs 编辑器示例

文本示例：

Draft.js 输出：

我正在尝试在我的项目中实现 Facebook 提供的“RichEditor”示例代码如下：

每当我尝试使用 构建webpack-dev-server时，都会收到以下错误。我检查了 StackOverflow 以查看其他用户是否遇到了确切的错误。但是，一个也找不到。

我哪里错了？

注意：我是 ReactJS 的新手。

我正在使用 Facebook 的 Draft.js 库来创建富文本框，并且我需要将文本框的插入符号设为红色。可能吗？

我已阅读有关该-webkit-text-fill-color属性的信息，但它使键入的文本和占位符变为红色而不是插入符号。

有onChange事件，但它也会在 carret 移动或导航（箭头等）按钮被按下时触发。

我想检测内容是否已更改。基本上，当第一次更改发生时，我只需要检测一次。“比较内容”这种愚蠢的方式在这里可能会奏效，但这是一种反模式，因为这项任务过于耗费资源。