React draft wysiwyg -清除editorState后无法在编辑器中键入文本
React draft wysiwyg是一个基于React框架的所见即所得（WYSIWYG）富文本编辑器。它提供了一个可视化的编辑界面，用户可以在其中进行文本编辑、格式设置和插入多媒体等操作。
当清除editorState后无法在编辑器中键入文本的问题可能是由于以下原因之一：
- 编辑器状态未正确更新：在React draft wysiwyg中，编辑器的状态由editorState对象来管理。清除editorState后，可能需要手动更新编辑器的状态，以便重新启用文本输入功能。可以使用
EditorState.createEmpty()方法创建一个新的空状态，并将其设置为编辑器的当前状态。 - 键盘事件未正确绑定：React draft wysiwyg提供了一些键盘事件的处理函数，例如
handleKeyCommand和handleBeforeInput。确保这些事件处理函数正确地绑定到编辑器组件上，并且没有被其他事件或逻辑阻止。 - 编辑器组件未正确渲染：检查编辑器组件是否正确地被渲染到页面上，并且没有被其他组件或样式覆盖或隐藏。
针对React draft wysiwyg的问题，腾讯云提供了一款类似的富文本编辑器产品，即腾讯云文智富文本编辑器。该产品提供了丰富的文本编辑功能，并且可以与腾讯云的其他产品进行集成，例如存储、人工智能等。您可以通过腾讯云文智富文本编辑器的官方文档了解更多信息和使用方法。
腾讯云文智富文本编辑器产品介绍链接地址：https://cloud.tencent.com/product/tccli
相关·内容
在使用react-draft-wysiwyg编辑器完成某些操作后，我正在尝试重置编辑器内容。从draftjs-utils中使用clearEditorContent方法清除所有内容。但在清除内容后，我无法在编辑器中键入任何内容。添加了下面的代码。请帮助解决这个问题。import React, { Component } from '<em
浏览 10提问于2018-07-25得票数 2
回答已采纳
2回答
我正在开发一个用创建的React。工作良好，现在我想实现一个html文本编辑器。为此，我选择了。我遇到了两个问题：
import {Editor} from 'react-draft-wysiwyg'; import {EditorState} from 'draft-js';
汇总无法解析所需
浏览 0提问于2018-06-25得票数 4
我有问题的drafjs插件，这是编辑器，事情是它跳到文本的开头时，我在编辑器中键入。这个解决方案，但它与我的代码中有一点不同，另外我还制作了具有React Hooks新功能的组件。你能帮我解决这个问题吗？import {} from 'draft-js'
import { Editor } from 'react-draft</
浏览 10提问于2019-01-16得票数 3
我正在使丰富的文本编辑器在react，并希望实现内联工具栏的反应-草稿-wysiwyg。我浏览了所有的网络，想在上面找到医生，但没有找到。如果这里有人用任何包裹做过这件事，给出你有价值的答案。我将在下面公布我的实施情况：import { Editor } from "react-draft</em
浏览 11提问于2022-05-29得票数 0
我正在尝试使用react编辑器，redux中的所有内容都正常工作，但唯一的问题是initialValues似乎不适用于编辑器字段。input = {{...input}} );
下面是EditorComponent.js： super(props);
this.s
浏览 0提问于2020-04-15得票数 1
回答已采纳
我正在创建一个包含富文本编辑器的React组件。我选择了react-draft-wysiwyg来编辑或创建文本，然后发送到服务器。我将在代码中只给出造成困难的功能。我使用axios发送请求。由于某些原因，我在发送POST请求时无法从表单中获得正确的数据。我使用命令进行了检查： console.log(data);
console.log(this.state.editorState
浏览 41提问于2019-08-18得票数 0
回答已采纳
在我的项目中，我集成了来自react-draft-wysiwyg的编辑器。现在，我需要通过加载一些文本数据来测试文本编辑器。我尝试遵循，我的代码目前看起来如下所示：import { Editor } from 'react-draft-wysiwyg
浏览 58提问于2020-05-05得票数 2
回答已采纳
我在web应用程序中使用draft js来显示编辑器。但我在草稿编辑器中显示文件上传选项时遇到了问题。截图如下：
这是编辑器在他们的演示中的显示方式
您可以在这里查看演示import React, { Component } from 'react';
import { EditorSt
浏览 32提问于2019-03-29得票数 3
回答已采纳
我正在利用草案-js和react草案- WYSIWYG库来创建一个WYSIWYG编辑器。我希望在工具栏中添加一些自定义选项，以呈现最终的line-height，例如内联HTML。但是，我无法使 applyInlineStyle()函数正常工作。convertToRaw, EditorState, Modifier } from "draft-js";
import { Editor } from "<em
浏览 0提问于2018-11-19得票数 5
我在我的表单中使用draft js来呈现富文本编辑器。有人能帮我弄清楚如何在我的数据库中保存的编辑器上显示状态的值吗？这就是我到目前为止所知道的：import { Editor } from 'react-draft-wysiwyg/react-<
浏览 56提问于2018-08-09得票数 0
我在我的表单中使用formik。我想用formik实现react-draft-wysiwyg编辑器。然而，在我的例子中，我发现了以下警告。下面是我尝试将formik与react-draft-wysiwyg绑定的方法import styled from "styled-components"
浏览 36提问于2020-02-07得票数 4
我在我的带有SSR的React / Redux项目中使用react-draft-wysiwyg.Editor。编辑器使用DOM来生成工具栏的下拉列表，因此为了防止SSR出现问题，我在componentDidMount中创建了编辑器。组件显示正确，可以选择内容，但不能编辑任何内容。如果我不等待componentDidMount()并将Editor直接放在render()中，那么内容是可编辑的，但是在<
浏览 20提问于2019-06-05得票数 0
回答已采纳
我正在我的网络应用程序上做一个帖子部分，我决定使用react草案-wysiwyg。属性'editorState‘在类型'IntrinsicAttributes &{子？：ReactNode；}’上不存在。在当地的主机上我得到了import 'react<
浏览 0提问于2022-04-27得票数 1
我已经实现了一个富文本编辑器来响应draftJs的支持。 我将editorState数据转换为原始数据并对其进行字符串处理后发送到服务器。这可以很好地将其呈现到前端。现在，我想获取这些数据，并用这些数据更新editorState。因此，用户可以使用可用的数据编辑文本。 我不知道，为什么它不起作用。请帮帮我。我不知道我该做什么。我的代码:导入依赖项 import { Editor } from "react-draft-wysiwyg<
浏览 28提问于2020-09-23得票数 0
我想使用富文本编辑器，但我找不到在react function base components中使用的任何信息文档，.I使用了draftjs的wysiwyg编辑器，文本编辑器显示为。/Modal';import { Editor } from 'react-d
浏览 14提问于2022-06-06得票数 0
1回答
然后，我试图将值转换为html代码，然后连接副本支柱，然后再次将其转换为草稿格式，然后更新状态，但我无法修复。我想要的是，当用户点击按钮时，它应该在编辑器中附加文本值。可以在点击的基础上添加文本，但现在的问题是根据光标的位置添加文本，目前它添加到末尾，我想添加到用户指向光标的位置，然后单击应该在那里添加的按钮，。/styles.css";
import React, { useState, useEffect } f
浏览 2提问于2021-10-20得票数 2
在中使用：我需要在工具栏中创建一个自定义按钮。单击该按钮时，一些自定义的超文本标记语言(包括<button>)将被添加到内容本身。
我知道如何添加自定义按钮，文档就在那里。但是使用insertText(draft.js的DraftModifier类中的一个方法)，它似乎只将我的HTML代码作为字符串添加。有没有不同的方法可以用来将自定义HTML添加到内容中。
浏览 20提问于2021-11-03得票数 0
我正在尝试将我在编辑器中键入的html内容从编辑器组件(子)获取到父程序，以便将表单和编辑器的内容一起保存到我的数据库中。我尝试将getContent函数作为支柱发送到编辑器(子)中，并从编辑器中获取内容，但我一直得到显示该getContent is not a function的错误。Editor.js (儿童)import
浏览 1提问于2021-08-07得票数 2
回答已采纳
2回答
我不能加载默认的值风格的反应-草案-wysiwyg。代码框链接：import { Editor } from "react-draft-wysiwyg";
import { EditorState, ContentS
浏览 3提问于2021-08-23得票数 0
1回答
我使用draft.js编辑器创建和更新帖子。请告诉我如何在draft.js编辑器中呈现HTML文本。我尝试使用renderHTML，并得到错误
import { Edit
浏览 0提问于2019-11-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
