Реагировать JS WYSIWUG ​​Экономия

Question

Ищете помощь по созданию/внедрению инструмента создания электронной почты WYSIWYG в приложении React JS. Я пробовал использовать Redactor, а также alloyEditor, но у меня проблемы с ними, так как redactor в основном построен из JQuery, а alloyEditor не работает на iPads.

Я считаю, что моя проблема заключается в загрузке через HTML-контент ajax в них, поскольку они не отформатированы в коде React.

Даже после этого выпуска, каждый <div> имеет data-reactid, перечеркнутый через него.

Есть ли существующий пример или кто-то, кто может указать мне в правильном направлении?

Answer 1

пытаются использовать этот модуль React-Quill

После получения ответа из запроса Ajax передать его

<CustomQuill value={AjaxResponseHtml} />

var ReactQuill = require('react-quill'); 
var CustomQuill = React.createClass({ 
    mixins: [ ReactQuill.Mixin ], 

    componentDidMount: function() { 
    var editor = this.createEditor(
     this.getEditorElement(), 
     this.getEditorConfig() 
    ); 
    this.setState({ editor:editor }); 
    }, 

    componentWillReceiveProps: function(nextProps) { 
    if ('value' in nextProps && nextProps.value !== this.props.value) { 
     this.setEditorContents(this.state.editor, nextProps.value); 
    } 
    }, 

    /* ... */ 
});