选择editorState中的特定文本

文章/答案/技术大牛

发布

2回答

javascript、reactjs、typescript、draftjs

我正在使用draftjs创建一个富文本编辑器。下面是最小的codesandbox，这样你就知道问题出在哪里了。所以我有一个助手函数getCurrentTextSelection，它返回我正在选择的文本： const getCurrentTextSelection = (editorState: EditorState): string => { const selectionState = editorState.getSelection()

浏览 34提问于2020-08-21得票数 3

回答已采纳

1回答

如何在维护当前内联样式的同时将文本编程插入到草案js富文本字段中？

javascript、reactjs、draftjs

当我单击具有特定符号的按钮时，我希望它将符号放在文本字段中。为了实现这一点，我使用一个函数来插入文本： let editorState = this.state.editorState;(editorState, newContent, 'insert-characters');当下标内联样式打开时，我想把下标文本放在那里。, '

浏览 3提问于2021-08-21得票数 1

回答已采纳

3回答

如何在点击按钮时改变字体大小？

reactjs、draftjs

这是我尝试过的： super(props); this.onChange = (editorState) => this.setState({editorStatefontSize); _toggleFontSize(fontSiz

浏览 0提问于2018-10-19得票数 2

2回答

Draft.js -添加没有选定文本的链接

draftjs

我知道如何添加链接到选择 constentityKey = contentStateWithEntity.getLastCreatedEntityKey(); const newEditorState = EditorState.set(editorState, { currentContent: contentStateWithEn

浏览 3提问于2017-11-02得票数 6

1回答

在突变后丢失选择

reactjs、draftjs

我在editorState上做了一些棘手的状态变化，但我失去了选择。我需要得到currentText()，用一些神奇的库把它转换成超文本标记语言，然后再把它转换回editorState。这很好，它只是选择打破了如此之难。现在，我正在尝试在第一个开始获得选择，然后执行forceSelection，但失败了，出现了一些与selection.hasFocus()相关的错误(这看起来并不是真的相关...)。现在我的代码看起

浏览 2提问于2016-08-04得票数 2

1回答

React Draft Wysiwyg将粗体、斜体或udenderlina应用于整个内容

reactjs、wysiwyg、draftjs

我需要将粗体，斜体，下划线样式应用到编辑器的整个内容，而不是选择文本，就像对齐样式一样，但我找不到方法。是否可以更改操作或处理程序？

浏览 11提问于2019-09-03得票数 0

回答已采纳

1回答

Draftjs通过编程将内联样式应用于文本

draftjs

我有以下功能 const editorState = this.state.editorState; anchorOffset: 1, }) const newEditorState = EditorState.forceSelection(editorSta

浏览 2提问于2017-05-09得票数 1

回答已采纳

2回答

单击按钮不是使用draft.js添加内联样式

javascript、reactjs、draftjs

我正在尝试使用draft.js将富文本编辑器添加到react项目中。我已经能够添加它，也可以通过遵循他们的文档来处理键盘命令。我还添加了两个按钮来做粗体和斜体，但问题是，当我单击按钮时，编辑器状态不会改变，也没有添加内联样式，但如果我选择文本并单击按钮，样式就会添加到该文本中。我不明白我哪里做错了。import React, { Component } from 'react'; import {Editor, EditorState, RichUt

浏览 0提问于2018-04-14得票数 3

1回答

在Draft.js中删除块开头的字符

javascript、reactjs、markdown、draftjs

我试图使用来制作一个丰富的文本编辑器，允许用户使用Markdown语法的子集(只是头和块引号)。我可以让编辑器将块的类型设置为blockquote，并应用适当的className和样式，但现在我想不出如何从块中删除语法糖。更新:如果我强迫编辑器选择块内的所有文本，这似乎是可行的。但是，这将删除第一个Modi

浏览 1提问于2021-06-17得票数 0

2回答

如何将值从一个组件获取到另一个组件？

javascript、reactjs、react-hooks、jsx

这是我的TextEditor.js。我愿意在任何地方使用它，但是当我使用这个组件时，我希望每次状态发生变化时都得到与它相关的值。: EditorState.createEmpty(), this.setState({ }); const { ed

浏览 8提问于2022-01-29得票数 0

1回答

Draft.js (react草稿-wysiwyg)：来自编辑器组件外部的文本更新不起作用

reactjs、typescript、draftjs、react-draft-wysiwyg

我正在尝试将调用组件中的文本更新到Editor组件中。我使用支持从调用方传递文本，但是当文本更改(在ContentEditor中更新道具)时，编辑器组件中的文本不是：<ControlledEditor htmlContent={this.state.validationResultContent}/>

浏览 0提问于2021-09-16得票数 3

回答已采纳

1回答

React动态列表-草稿-所见即所得文本框删除后未正确更新

javascript、reactjs、wysiwyg、draftjs

代码框链接： }; 每个文本框还使用两个按钮呈现，一个按钮允许您添加另一个框，另一个按钮

浏览 7提问于2022-03-29得票数 0

回答已采纳

1回答

如何在draft js中更新文本的同时切换新的内联样式？

reactjs、draftjs

当我单击特定按钮时，handleMouseDown函数会触发onMouseDown事件： handleMouseDown(e) { this.props.handleMouseDown(this.props.symbol); let newStatethis.toggleInlineStyle("SUBSCRIPT"); // Se

浏览 26提问于2021-08-20得票数 0

1回答

无法在包含到React组件的富文本编辑器(react-draft-wysiwyg)中获取输入的数据

reactjs、draftjs、react-draft-wysiwyg

我正在创建一个包含富文本编辑器的React组件。我选择了react-draft-wysiwyg来编辑或创建文本，然后发送到服务器。我将在代码中只给出造成困难的功能。我使用axios发送请求。由于某些原因，我在发送POST请求时无法从表单中获得正确的数据。我使用命令进行了检查： console.log(data); console.log(this.state.editorState); 但是现在在表单中输入了

浏览 41提问于2019-08-18得票数 0

回答已采纳

1回答

如何用draft.js改变光标位置？

reactjs、selection、text-editor、cursor-position、draftjs

我想知道在完成了键命令上的文本插入之后，如何更改draft.js中的光标位置。因此，当用户按下特定的按钮时，我目前正在使用_handleKeyCommand(cmd)插入自定义文本块。接下来，我尝试了以下几种方法：var selectionState = this.state.editorState.getSelection().getStartKey()

浏览 5提问于2017-11-05得票数 5

回答已采纳

1回答

反应吃水-js块插入

javascript、reactjs、react-native、frontend、draftjs

它是如何工作的:当用户点击空格键时，会查询草稿-JS文本内容中的特定单词。然后，该单词的所有实例都包装在标记中。在对文本进行包装之后，HTML将被转换回来，并且更新草案-JS编辑器状态： /&#x

浏览 0提问于2019-08-06得票数 3

回答已采纳

1回答

draft.js和装饰器的文本选择错误

javascript、draftjs

我以这样一种方式使用draft.js编辑器，需要更新装饰器以及它在onChange中动态呈现的组件的属性。这将使用背景色标记文本的某些部分。我几乎可以让它工作，但是有一个奇怪的bug，其中有一个奇怪的bug，它不可能选择紧跟在一个装饰组件之后的字符。下面是一个重现bug的最小(人工)示例： import React from 'react'; import { CompositeDecorator

浏览 27提问于2019-02-16得票数 0

回答已采纳

1回答

DraftJs:使用实体键替换实体

javascript、reactjs、typescript、draftjs

我正在使用创建一个富文本编辑器，无法找到任何资源来帮助我解决问题。您可以看到包含链接(红色的testtest)的文本。|const getCurrentLinkKey = ( editorState如果选择整个链接testtest并单击此按钮，该链接将被替换。(newEditorStateWithLink, contentState, "inser

浏览 2提问于2020-08-19得票数 5

回答已采纳

1回答

如何在草案中使用replaceWithFragment？

javascript、reactjs、autocomplete、editor、draftjs

我需要替换“前缀”什么用户类型的自动完成文本。我在医生里找到了这个，但我真的不知道怎么用这个。前缀”选择之前，我是如何解释的。Eg.when I键入"SEL" my autocomplete "SELECT“，我将点击该建议，在编辑器中我得到了"SELSELECT"。(() => ({ editorState: Editor

浏览 1提问于2019-08-29得票数 0

回答已采纳

1回答

以编程方式跳转到特定块，并将焦点/插入符号移动到修饰的单词

reactjs、draftjs

是否可以以编程方式跳转到特定块并将焦点/插入符号移动到修饰的单词？

浏览 3提问于2018-01-16得票数 1

回答已采纳

点击加载更多