le-markdown-editor使用外部（jquery）获取预览文本

由于原来的网站前端非vue技术栈， 但是想集成markdown编辑器，进行了以下尝试；

读取预览文本与文本

内部提供的方法可以获取到预览文本，但是外部调用的话，需要自行找到对应的属性来获取

内部调用方式

var app = new Vue({
        el: '#app',
        data() {
            return {
              hljsCss: 'agate',
              value: '内容' ,
                   
                appStyle: {
                    // width: document.documentElement.clientWidth + 'px',
                    // height: document.documentElement.clientHeight + 'px'
                },
                // 自定义
                // imageUploader: {
                //   custom: true,
                //   fileType: 'file',
                //   fileNameType: 'uuid',
                //   imagePrefix: 'https://cdn.jsdelivr.net/gh/', // 图片前缀地址
                // }
                imageUploader: {
                    custom: false,
                    fileType: 'file',
                    fileNameType: 'uuid',
                    imagePrefix: 'http://106.54.92.121:80', // 图片前缀地址
                    type: 'server',
                    url: 'http://106.54.92.121:82/upload'
                }
            }
        },
        methods: {
            // 自定义
            // uploadImg: function ($vm, file, fileName) {
            //   console.log($vm)
            //   console.log(file)
            //   console.log(fileName)
            //   // 添加图片
            //   // 两个参数 第一个是图片访问路径 第二个是文件名
            //   $vm.insertImg(`${$vm.config.imageUploader.imagePrefix}${fileName}`, fileName)
            // },
            save: function (val) {
                // 获取输入内容
                console.log(this.value)
                // 获取预览文本
                console.log(val)
            }
        },
    })

外部调用方法

// 获取输入文本
console.log(app.value);
// 获取预览文本
console.log(app.$children[0].html);

参考：
le-markdown-editor -gitee
le-markdown-editor-外部调用