Javascript tui编辑器:如何检索文本(markdown\html)

Javascript tui编辑器:如何检索文本(markdown\html),javascript,markdown,Javascript,Markdown,我尝试使用JS标记编辑器。为此,我添加了id为“rawtext”的pagediv元素。标准初始化: var editor = $('#rawtext').tuiEditor({ initialEditType: 'markdown', previewStyle: 'vertical', exts: ['colorSyntax'] }); 已成功加载编辑器并完成所有工作。但如何从编辑器中检索文本? 根据类ToastUIEditor具有方法getMarkdown,

我尝试使用JS标记编辑器。为此,我添加了id为“rawtext”的pagediv元素。标准初始化:

var editor = $('#rawtext').tuiEditor({
    initialEditType: 'markdown',
    previewStyle: 'vertical',
    exts: ['colorSyntax']
     });
已成功加载编辑器并完成所有工作。但如何从编辑器中检索文本?
根据类ToastUIEditor具有方法getMarkdown,但我无法使用此方法访问对象

您最可能希望调用该方法的地方是
更改事件

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

我也不确定jQuery插件是否返回了对象,但这种模式的某种形式会让你达到你想要达到的目的。

这是一个老线程,但我想我也遇到了同样的问题,希望与大家分享我的解决方案

editor.data('tuiEditor').getMarkdown()
我将编辑器嵌入到HTML元素中,然后就可以直接获得标记

  • 创建编辑器

    let editor = $('#rawtext').tuiEditor({
        initialEditType: 'markdown',
        previewStyle: 'vertical',
        exts: ['colorSyntax']
         });
    $('#rawtext').editor = editor;
    
  • 直接从嵌入式编辑器获取标记

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

  • 它来自编辑器维护者

    jQuery插件不公开来自的任何API。这只是初始化器的快捷方式

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

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

    我也面临同样的问题,下面就是我所做的。 希望能有帮助

    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());
    
    对于jquery编辑器(v2),文档中有以下内容,我可以确认这对我来说是有效的。但是,建议在创建后将编辑器附加到div的答案对我来说并不适用

    加载页面后创建编辑器

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

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