-
1 votesanswersviews
如何从draft-js-mention-plugin中获取提到的用户?
我浏览了draft-js-mention-plugin的文档,但无法想象从内容中读取所有提及的方法 . 有没有办法可以找到所有提到的数组?我需要单独存储所有提及并发送电子邮件 . 非常感谢您的帮助 . 我正在使用here中给出的示例 -
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, ... -
3 votesanswersviews
draft-js-plugins中的自定义内联工具栏不起作用
自定义内联工具栏,其documentation中的规定未按预期工作 . 即使添加了自定义按钮,它也会一直显示默认的内联工具栏 . 我的代码如下 . import Editor from "draft-js-plugins-editor"; import createInlineToolbarPlugin from "draft-js-inline-toolbar-pl... -
3 votesanswersviews
图像没有显示在使用草稿js的react-draft-wysiwyg编辑器中
我在我的应用程序中使用基于草案js的react-draft-wysiwyg文本编辑器 . 在尝试通过编辑器图像控件上传图像时,我遇到了一些问题 . 我正在使用自定义FileUploader组件 . 它将图像保存在服务器中,我也得到包含上传图像URL的正确响应 . 但编辑中的 image is not showing . 这是我的编辑器组件的代码: import React from 'react... -
0 votesanswersviews
如何在草稿编辑器实例上呈现html?
我有一个用例,我必须在编辑器上呈现HTML模板 . 我正在探索相同的draftjs . 我完成了基本设置,并为简单文本设置了draftjs编辑器 . 但是,如果我将HTML字符串传递给相同的编辑器组件,我会得到以下异常 . DraftEditorContents-core.react.js:80 Uncaught TypeError: nextEditorState.getDirectionMap... -
0 votesanswersviews
向React Draft Wysiwyg添加水平规则按钮
我正在尝试向React Draft Wysiwyg添加自定义按钮,以便在我的内容中插入 <hr> 标记 . 使用演示和文档我已经设法获得自定义按钮来插入文本而不是标记 . onClick = () => { const { editorState, onChange } = this.props; const contentState = Modifier.replace... -
1 votesanswersviews
如何在react-draft-wysiwyg中添加自定义下拉菜单?
我需要在工具栏部分添加自定义下拉菜单 . 这里附加的图像类似于想要下拉菜单这可能吗? <img src="https://i.imgur.com/OhYeFsL.png" alt="Dropdown menu editor"> 找到下面的详细图片 我使用了react-draft-wysiwyg内容编辑器 . https://github.co... -
2 votesanswersviews
如何在react-draft-wysiwyg中包含Attach File选项?
我正在尝试使用react-draft-wysiwyg创建一个文本编辑器 . 编辑代码 <Editor editorState={this.state.editorState} onEditorStateChange={this.onEditorStateChange} toolbar={{ options: ['inline', 'fontSize', 'fontFam... -
0 votesanswersviews
在React-draft-wyswyg中添加自定义块渲染时,上传的图像未在文本编辑器中添加为内联
我有一个使用react-draft-wysiwyg创建的文本编辑器 . 我创建了一个自定义blockrendering函数,可以添加自定义块 . 编辑代码: <Editor blockRenderMap={extendedBlockRenderMap} blockRendererFn={blockRendererFn} editorState={this.state.... -
1 votesanswersviews
Draft.js和stateToHTML,如何在react组件中呈现输出html?
我让我的Draft js编辑器工作正常,它保存到我的数据库,使用 convertToRaw(editorState1.getCurrentContent()) ,然后我将它恢复并使用draft-js-export-html和 stateToHTML(convertFromRaw(dbContent.content.text01)) 将其转换为HTML . 到目前为止一切都很好......但是现在我... -
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元素 . “ 请根据此问题找到打印屏幕: 顺便说一下,这个问题也可以在这个例子中找到:...