Question

我尝试使用JS markdown编辑器tui-editor。为此，我在页面div元素添加id“rawtext”。标准初始化：

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

编辑器已成功加载并且所有工作都已完成。但是如何从编辑器中检索文本？根据{{3}}类ToastUIEditor有方法getMarkdown，但我不能用这个方法来对象

Answer 1

来自编辑维护者。

jQuery插件未公开documentation中的任何API。这只是初始化程序的快捷方式。

如果要访问API，则要使用ToastUIEditor构造函数初始化编辑器。

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

editor.getMarkdown()

Answer 2

最可能要在change事件中调用该方法。

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

我也不确定jQuery插件是否返回该对象，但是这种模式的某种形式会让您到达尝试的位置。

Answer 3

这是一个旧线程，但我认为我遇到了同样的问题，并希望分享我的解决方案。

我将编辑器嵌入到HTML元素中，然后能够直接获得markdown。

创建编辑器

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

直接从嵌入式编辑器获取减价

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

Answer 4

我遇到了同样的问题，下面是我的工作。希望对您有帮助

var editor = new tui.Editor({
  el: document.querySelector('#editSection'),
  initialEditType: 'markdown',
  previewStyle: 'vertical',
  height: '300px'
});
$('#editSection').data('editor', editor);
$("#editSection").data('editor').setValue("* [x] Some markdown **here**");
alert($("#editSection").data('editor').getValue());

Answer 5

对于 jquery 编辑器 (v2)，文档中的以下是 suggested，我可以确认这对我有用。建议在创建后将编辑器附加到 div 的答案对我不起作用。

加载页面后创建编辑器

let logeditor = $('#editor').toastuiEditor(
    {
      height: '500px',
      initialEditType: 'markdown',
      previewStyle: 'horizontal'
    });

使用 markdown 或 html

const markdown = $('#editor').toastuiEditor('getMarkdown');
console.log (markdown);
const html = $('#editor').toastuiEditor('getHtml');
console.log (html);

Answer 6

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

tui-editor：我如何检索文本（markdown \ html）

6 个答案: