Как подключить Sirtrevor Editor?

Question

[Smuzzzzzi]

SirTrevor

import React, {PureComponent} from 'react';
import SirTrevor from 'sir-trevor';

const editor = new SirTrevor.Editor({
	el: document.querySelector('.js-st-instance'),
	defaultType: 'Text',
	iconUrl: 'build/sir-trevor-icons.svg'
});
class Add extends PureComponent {
  render() {
    return (
     <div>
      <textarea class="js-st-instance"></textarea>
    </div>
    )
  }

Получаю ошибку

TypeError: Cannot read property 'nextSibling' of null

Answer 1

[Роман Сохин]

Попробуйте навесить инициализацию на событие после монтирования данных в DOM

...
componentDidMount() {
  const { editorArea } = this.refs;
  const editor = new SirTrevor.Editor({
      el: editorArea,
      defaultType: 'Text',
      iconUrl: 'build/sir-trevor-icons.svg'
  });
}
  
render() {
  return (
      <div>
        <textarea className="js-st-instance" ref="editorArea"></textarea>
      </div>
    )
}
...

Comments

[Smuzzzzzi]

Странно почему этого в документации нет

[Роман Сохин]

Smuzzzzzi, там подразумевается что вот этот кусок

<div>
  <textarea className="js-st-instance" ref="editorArea"></textarea>
</div>

уже находится на странице. Вы же пытаетесь инициализировать редактор до того как <textarea> появится на странице.

[Smuzzzzzi]

Роман Сохин, Да, ошибок нет!
Текстовое поле видно, но нет как на скрине у них, вставить фото или твит