Javascript tui编辑器:如何检索文本(markdown\html)
我尝试使用JS标记编辑器。为此,我添加了id为“rawtext”的pagediv元素。标准初始化:Javascript tui编辑器:如何检索文本(markdown\html),javascript,markdown,Javascript,Markdown,我尝试使用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']
});
已成功加载编辑器并完成所有工作。但如何从编辑器中检索文本?
根据类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);