什么是反应原生的优秀文本编辑库?

时间:2017-09-26 08:42:33

标签: react-native text-editor

我正在寻找一个文本编辑库,但我找不到任何东西,也许有经验的人可以帮助我。

我尝试使用rich-editor,但无法让它发挥作用。

请提前帮助,谢谢。

2 个答案:

答案 0 :(得分:1)

对于React Native Application,您可以使用 react-native-wordpress-editor
安装 react-native-wordpress-editor

npm install react-native-wordpress-editor --save
or 
yarn add react-native-wordpress-editor

更多使用此链接
https://github.com/wix/react-native-wordpress-editor

对于构建富文本编辑器,您可以使用facebook构建的draft.js来响应Web应用程序。

在我们的反应应用程序中安装draft.js

npm install --save draft-js
or
yarn add draft-js

在项目中使用draft.js的简单示例。

import React from 'react';
import ReactDOM from 'react-dom';
import {Editor, EditorState} from 'draft-js';

class MyEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {editorState: EditorState.createEmpty()};
    this.onChange = (editorState) => this.setState({editorState});
  }
  render() {
    return (
      <Editor editorState={this.state.editorState} onChange={this.onChange} />
    );
  }
}

ReactDOM.render(
  <MyEditor />,
  document.getElementById('container')
);

答案 1 :(得分:1)

您绝对应该尝试一下https://github.com/eneskarpuz/react-native-drag-text-editor 你可以;

  • 添加具有不同道具的多个文本编辑器
  • 编辑并键入
  • 拖放
  • 调整大小