在React js中从文本编辑器中获取值

在React.js中从文本编辑器中获取值，可以通过以下步骤实现：

创建一个React组件，用于渲染文本编辑器和处理获取值的逻辑。
在组件的state中定义一个变量，用于存储文本编辑器中的值。
在组件的render方法中，将文本编辑器作为一个表单元素进行渲染，可以使用第三方库如react-quill或react-draft-wysiwyg来实现富文本编辑器。
在文本编辑器的onChange事件中，将编辑器中的值更新到组件的state中。
在组件中提供一个方法，用于获取文本编辑器中的值。这个方法可以在需要获取值的地方调用。

以下是一个示例代码：

import React, { Component } from 'react';
import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';

class TextEditor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      editorValue: '',
    };
  }

  handleEditorChange = (value) => {
    this.setState({ editorValue: value });
  }

  getEditorValue = () => {
    return this.state.editorValue;
  }

  render() {
    return (
      <div>
        <ReactQuill
          value={this.state.editorValue}
          onChange={this.handleEditorChange}
        />
      </div>
    );
  }
}

export default TextEditor;

在上述示例中，我们使用了react-quill库来实现富文本编辑器。通过handleEditorChange方法，我们将编辑器中的值更新到组件的state中。通过getEditorValue方法，我们可以在其他地方获取到编辑器中的值。

这是一个基本的实现，你可以根据具体需求进行扩展和优化。