Должны работать следующие:
class Editor extends React.Component {
constructor (props) {
super(props)
this.handleChange = this.handleChange.bind(this)
this.quillRef = null; // Quill instance
this.reactQuillRef = null;
this.state = {editorHtml : ''};
}
componentDidMount() {
this.attachQuillRefs()
}
componentDidUpdate() {
this.attachQuillRefs()
}
attachQuillRefs = () => {
if (typeof this.reactQuillRef.getEditor !== 'function') return;
this.quillRef = this.reactQuillRef.getEditor();
}
handleChange (html) {
var limit = 10;
var quill = this.quillRef;
quill.on('text-change', function (delta, old, source) {
if (quill.getLength() > limit) {
quill.deleteText(limit, quill.getLength());
}
});
this.setState({ editorHtml: html });
}
render () {
return <ReactQuill
ref={(el) => { this.reactQuillRef = el }}
theme="snow"
onChange={this.handleChange}
value={this.state.editorHtml}
/>
}
}
//after the click that opens the popup:
IE iepopup_1 = IE.AttachToIE(Find.ByUrl(theUrlOfThePopup));
//operate on iepopup_1