Tui-редактор: как я могу получить текст (markdown \ html)

Question

Я пытаюсь использовать JS markdown editor tui-editor .Для этого я добавляю на страницу элемент div с идентификатором «rawtext».Стандартная инициализация:

var editor = $('#rawtext').tuiEditor({
    initialEditType: 'markdown',
    previewStyle: 'vertical',
    exts: ['colorSyntax']
     });

Редактор успешно загружен и все работает.Но как я могу получить текст из редактора?Согласно документации класс ToastUIEditor имеет метод getMarkdown, но я не могу получить доступ к объекту с помощью этого метода

Answer 1

Это от сопровождающего редактора.

Плагин jQuery не предоставляет никаких API из документации .Это просто ярлык для инициализатора.

Вы захотите инициализировать редактор с помощью конструктора ToastUIEditor, если вы хотите получить доступ к API.

var editor = new tui.Editor({
    el: document.querySelector('#rawtext'),
    initialEditType: 'markdown',
    previewStyle: 'vertical',
    height: '300px'
});

editor.getMarkdown()

Answer 2

editor.data('tuiEditor').getMarkdown()

Answer 3

Это старая ветка, но я думаю, что столкнулся с той же проблемой и хочу поделиться своим решением.

Я встроил редактор в элемент HTML, а затем смог получить уценку напрямую.

1. создать редактор

   let editor = $('#rawtext').tuiEditor({
       initialEditType: 'markdown',
       previewStyle: 'vertical',
       exts: ['colorSyntax']
        });
   $('#rawtext').editor = editor;
   

2. получить уценку непосредственно из встроенного редактора

   let editor = $('#rawtext').editor;
   let markdown = editor..getMarkdown()
   

Answer 4

В событии change вы, скорее всего, захотите вызвать этот метод.

var editor = $('#rawtext').tuiEditor({
  initialEditType: 'markdown',
  previewStyle: 'vertical',
  exts: ['colorSyntax'],
  events: {
    change: function() {
        console.log(editor.getMarkdown())
    },
  }
});

Я также не уверен, что плагин jQuery возвращает объект, но какая-то форма этого шаблона получитВы, куда вы пытаетесь пойти.