-
4 votesanswersviews
Draft.js无法从外部表单插入上传的图像
在我的简单draft.js project我尝试将从外部表单上传的图像插入到编辑器的内容中 . 我使用的编辑器是内部使用draftjs编辑器的react-draft-wysiwyg . 我的编辑器是从MyEditor.js渲染的： import React, { Component } from 'react'; import { EditorState,AtomicBlockUtils } fr... -
9 votesanswersviews
如何清除Draft-js中的输入字段
我在Draft-js上看到的所有演示（由Facebook构建，基于React）都没有显示如何在提交后清除输入字段 . 例如，请参阅此code pen linked to from awesome-draft-js，您提交的值在提交后仍保留在输入字段中 . 似乎没有function in the api似乎是为了做到这一点 . 我所做的就是在按钮提交上创建一个新的空状态，就像这样 onSubmit(... -
0 votesanswersviews
react-draft-wysiwyg - 渲染已保存的内容以进行更新
我在一个项目中使用react-draft-wysiwyg并且我遇到了大问题 . 经过几个小时的尝试，我无法渲染数据库的内容 . 首先，我尝试使用以下代码在MongoDB中成功保存“overview”（contentState）： <Editor initialContentState={person.overview} toolbarClassName="rdw-storybook... -
0 votesanswersviews
起草js wordpress-like小部件
我的雇主让我升级我们基本的“CMS”，我几天就把它扔在了一起，它使用了React . 他们希望我做的是将小部件嵌入到他们正在编辑的文本中 . 使小部件在编辑器中的外观变得更加困难应该与它在后端呈现时显示的完全相同 . 我对React有很多经验，而不是草稿 . 但是，通过我在网上找到的内容，我必须制作一个基本上是标签的自定义内容块（可能是自定义标签？）并将其作为一个组件呈现 . 所以在我看来这就是它... -
1 votesanswersviews
显示draftjs中的数据块
我怎么能在我的 react component 中显示，原来我保存到mongodb，从 draftjs editor ？ 这就是我在我的数据库中所拥有的： "blocks" : [ { "key" : "7abte", "text"... -
0 votesanswersviews
DraftJS与Internet Explorer
在IE11上渲染DraftJS编辑器会出现以下错误 - Invariant Violation: PluginEditor.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object. 这个相同的设置在Chrom... -
1 votesanswersviews
Draft.js和stateToHTML，如何在react组件中呈现输出html？
我让我的Draft js编辑器工作正常，它保存到我的数据库，使用 convertToRaw(editorState1.getCurrentContent()) ，然后我将它恢复并使用draft-js-export-html和 stateToHTML(convertFromRaw(dbContent.content.text01)) 将其转换为HTML . 到目前为止一切都很好......但是现在我... -
0 votesanswersviews
使用草稿编辑器状态更新父级中的状态？
我在一个包含其他字段的表单中有一个Draftjs编辑器 . 所有这些字段的状态在该父组件中受到控制 . 如何从草稿编辑器中获取与更新父状态的常规HTML表单字段相同的行为？ 定期输入： <input value={title} type="text" onChange={this.handleChange} name="title" placehold... -
1 votesanswersviews
抽象draft-js到自定义组件，只处理html I / O.
我有这个反应组件，必须抽象 draft-js 编辑器 . 我的redux商店将拥有必须是常规HTML字符串的 description 字段 . 编辑器应该能够获取一个 value HTML字符串并将其解析为自己的内部事物（draftjs） . 更改内容时，应使用最终的HTML内容触发 onChange prop . 换句话说，它应该对外部世界透明，这个组件内部正在发生什么 . 现在，我的组件看... -
2 votesanswersviews
如何在我的react组件中渲染draft js的LINK类型的实体映射？
我在我的redux商店中有这些数据，我想在反应组件中渲染 . { "entityMap":{ "0":{ "type":"LINK", "mutability":"MUTABLE", "dat... -
1 votesanswersviews
草稿JS - 提示 - 插件产生这个：警告：React不识别DOM元素上的isFocused prop
当涉及到draft-js-mention-plugin涉及到我的应用程序时，我遇到了一个问题 . 请看一看： “警告：React无法识别DOM元素上的isFocused prop . 如果您有意希望它作为自定义属性出现在DOM中，请将其拼写为小写的焦点 . 如果您不小心将其从父组件传递，请将其删除来自DOM元素 . “ 请根据此问题找到打印屏幕： 顺便说一下，这个问题也可以在这个例子中找到：... -
2 votesanswersviews
如何在我的react-component中显示从后端收到的draftjs的editorstate？
我的redux商店里有以下json： { article:{ __v0:0, _id:"5a573965d495833744d71f46", draftcontent:"{\"entityMap\":{},\"blocks\":[{\"key\":\"6s7sp\",\"text... -
3 votesanswersviews
图像没有显示在使用草稿js的react-draft-wysiwyg编辑器中
我在我的应用程序中使用基于草案js的react-draft-wysiwyg文本编辑器 . 在尝试通过编辑器图像控件上传图像时，我遇到了一些问题 . 我正在使用自定义FileUploader组件 . 它将图像保存在服务器中，我也得到包含上传图像URL的正确响应 . 但编辑中的 image is not showing . 这是我的编辑器组件的代码： import React from 'react... -
1 votesanswersviews
使用Draft-JS道具问题设置React-Redux
我刚接触React，我正在尝试将DraftJS与React和Redux集成 . 我收到关于传递道具的错误消息，我不知道为什么没有传递道具 . 所以我想更大的问题是如何让DraftJS工作React和Redux，更直接的问题是这个错误信息 . 这是DraftJS docs 这是我收到的错误消息 warning.js:33 Warning: Failed prop type: Invalid prop... -
1 votesanswersviews
如何从draft-js-mention-plugin中获取提到的用户？
我浏览了draft-js-mention-plugin的文档，但无法想象从内容中读取所有提及的方法 . 有没有办法可以找到所有提到的数组？我需要单独存储所有提及并发送电子邮件 . 非常感谢您的帮助 . 我正在使用here中给出的示例 -
0 votesanswersviews
如何用html替换DraftJS编辑器中存在的某些文本/块？
我正在使用DraftJS编辑器在我的应用程序的基于React的网页中使用Rich Text功能 . 我有以下要求： 当用户键入＃键时，除了编辑器之外还会显示一个下拉列表，用户可以从中选择一个选项 . 根据他的选择，我想用一些HTML代替＃，例如图像 . 我已经创建了逻辑，用于在用户在编辑器中的＃字符中键入时显示下拉，但是不知道如何用其他HTML /文本替换该哈希字符 . 我已经谷歌搜索了如何做到这... -
0 votesanswersviews
使用React而不使用JSX突出显示语法
我想构建一个带有文本字段的React表单，该表单具有非常简单的语法高亮，但我想在没有JSX的情况下完成它 . 有没有办法在没有JSX的情况下使用DraftJS？ -
0 votesanswersviews
在div中显示React Draft.js编辑器
我仍然是Javascript的新手，但不是编程，我一直试图 Build 一个项目，似乎无法开始 . 我正在尝试使用Electron和http://photonkit.com/中的代码作为基本模板开始 . 最终的目标是使用Reacts Draft.js创建一个WYSIWYG编辑器作为一种学习体验 . 下面是我正在使用的模板的HTML： <!DOCTYPE html> <html&g... -
10 votesanswersviews
在DraftJS中创建“卡拉OK”类型功能
我正在尝试实现一个DraftJS编辑器，该编辑器在录制的音频正在播放时突出显示转录中的单词（有点像卡拉OK） . 我收到以下格式的数据： [ { transcript: "This is the first block", timestamps: [0, 1, 2.5, 3.2, 4.1, 5], }, { transcript: "... -
0 votesanswersviews
如何将脚本标签添加到draftjs编辑器中？
我已经开始用DraftJS构建一个富文本编辑器，并取得了不错的进展 . 现在我不得不添加嵌入内容了 . 我尝试通过单独编辑html并使用新的html调用convertFromHTML来手动添加脚本标记，但这不起作用 . 我想在我的富文本编辑器中添加像gists这样的内容，但我不确定如何 . 任何帮助表示赞赏！ -
0 votesanswersviews
将DraftJS设置为使用返回键添加<br>而不是<p> </ p>标记
我将react-draft-wysiwyg插件添加到项目中并将创建的HTML发送给没有样式的第三方 这将创建间距（第三方有p {显示内联块}） . 我知道draftJS有 shift enter 这样做，但我们正在创建许多需要这个的项目，并且更愿意让这个过程尽可能简单 . 有没有办法使用像handleReturn这样的东西来添加一个相反还是我应该寻找另一个方向？ -
0 votesanswersviews
无法在draft.js中设置editorState（它看起来是不可变的但没有错误）
我已经使用convertToRaw将内容保存到数据库中，我正在尝试加载回draft.js编辑器以使用户能够重新编辑内容 . draft.js编辑器包含在基于react-modal的组件中，当用户单击该内容时_1143952_时会显示该组件 . 这很重要，因为模态（和编辑器）没有重新实例化，它们只是显示和隐藏 . 编辑器在（ES6）类构造函数中启动一次，只需使用： this.state = {edi... -
0 votesanswersviews
如何在react-draft-wysiwyg中添加表？
我正在使用 react-draft-wysiwyg . 我试图找到申请 TABLE 但找不到任何方法 . 如果你以前看过它们，请帮助我 . 谢谢大家 -
0 votesanswersviews
如何使用draft-js-mention-plugin以编程方式添加提及？
The problem ： 我正在尝试为使用 draft-js draft-js-mention-plugin 创建的内容创建编辑界面 . 但是， editorState 没有保留，只有纯文本 . 提及被保存为对象数组 . 现在我需要用该数据重新创建editorState . Example: 我有一个这样的纯文本： const content = '@marcello we need to... -
0 votesanswersviews
如何在react-draft-wysiwyg中从ContentState的给定JSON数据更新Editor状态？
这是我的editor.js 我在const内容中有示例JSON数据 . 我想要做的是，最初当我打开我的编辑器时，它应该在变量内容中呈现初始内容 . 但我不知道如何更新editorState，因为它是不可变的 . import React, { Component } from 'react'; import { EditorState, convertToRaw, convertFromRaw, ... -
1 votesanswersviews
在draft-js编辑器中上传和渲染图像
我正在尝试创建一个简单的编辑器来编写故事情节 . 现在我可以在编辑器中显示html标记，粗体文本以粗体显示等等 . 我也可以将html格式的数据发送到服务器但是我无法在编辑器中显示图像而且也无法上传图像在编辑 . 我已经创建了它的代码框 . 链接在这里 https://codesandbox.io/s/5w4rp50qkp 代码行有点大 . 这就是我在codesandbox中发布代码的原因，你可以... -
0 votesanswersviews
自定义原子块中的draft-js文本
使用Draft-js，我通过实体将一个原子块插入编辑器： const contentState = editorState.getCurrentContent(); const contentStateWithEntity = contentState.createEntity( 'IMAGE', 'IMMUTABLE', {src: 'https://some... -
3 votesanswersviews
draft-js-plugins中的自定义内联工具栏不起作用
自定义内联工具栏，其documentation中的规定未按预期工作 . 即使添加了自定义按钮，它也会一直显示默认的内联工具栏 . 我的代码如下 . import Editor from "draft-js-plugins-editor"; import createInlineToolbarPlugin from "draft-js-inline-toolbar-pl... -
-1 votesanswersviews
草案Js - 添加反应组件
我正在努力去了解Draft Js逻辑，但是我没有找到关于这个主题的好的教程或文档 . 我现在想要的只是一个函数（由下面的按钮触发），它可以在编辑器的末尾添加一个我的反应组件 . 然后我希望能够编辑内部的内容，为什么不在不丢失原始文本的情况下更改组件类型 . 我见过很多东西，API文档，奇怪的函数， Map 等...但我仍然不知道如何做到这一点 . PS：我的代码目前只是草案基本编辑器 . 谢谢， ... -
0 votesanswersviews
如何在草稿编辑器实例上呈现html？
我有一个用例，我必须在编辑器上呈现HTML模板 . 我正在探索相同的draftjs . 我完成了基本设置，并为简单文本设置了draftjs编辑器 . 但是，如果我将HTML字符串传递给相同的编辑器组件，我会得到以下异常 . DraftEditorContents-core.react.js:80 Uncaught TypeError: nextEditorState.getDirectionMap...