Вызов методов в редакторе Froala Wysiwyg для React - PullRequest
Новая
       11

Вызов методов в редакторе Froala Wysiwyg для React

0 голосов
/ 30 апреля 2018

Я использую текстовый редактор Froala в его версии React. Документы предназначены для JQuery. Из того, что написано о React, я нашел следующие инструкции:

События и методы События могут передаваться с опциями, с ключевыми событиями и объектом, где ключ - это имя события, а значение - функция обратного вызова. 

options: {
 placeholder: "Edit Me",
 events : {
   'froalaEditor.focus' : function(e, editor) {
     console.log(editor.selection.get());
   }
 }
}

Используя экземпляр editor из аргументов обратного вызова, вы можете вызывать методы редактора, как описано в документации к методам. События Froala описаны в документах по событиям.

Я понимаю, как я могу использовать события, но не вызывать методы. Означает ли это, что я могу получить доступ к экземпляру редактора только из события? Может кто-нибудь уточнить это? Например, я хотел бы использовать метод html.insert (), как описано здесь: 

$('.selector').froalaEditor('html.insert', 'foo bar', true);

Как это можно использовать с компонентом Froala React?

1 Ответ

0 голосов
/ 30 апреля 2018

На случай, если кому-то будет интересно, я применил простой обходной путь:

Я использую событие "initialized", просто чтобы получить экземпляр Froala и разместить ссылку на него в своем классе :: 

'froalaEditor.initialized' : (e, editor)=> {
    this.froalaInstance = editor;

  }

Теперь я могу получить доступ к экземпляру Froala ...

...