将mavon-editor的内容导出为.txt文件（前端）

最新推荐文章于 2024-07-24 10:36:08 发布

papapipo

最新推荐文章于 2024-07-24 10:36:08 发布

阅读量402

点赞数

分类专栏： vue学习项目实训——智能创新引导工具文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/sdu_DYL/article/details/124826329

版权

项目实训——智能创新引导工具同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

vue学习

9 篇文章 0 订阅

订阅专栏

直接给出导出方法：

export_draft() {
      // 导出内容
      let content = this.$refs.md.d_render
      // 文件名
      let title = this.change_draft.name+'.txt'
      if(content===undefined||content==='') {
        this.sendWarnMessage('暂无导出数据！')
      }else {
        const element = document.createElement('a')
        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(content))
        element.setAttribute('download', title)
        element.style.display = 'none'
        element.click()
      }
    },

content是你想要导出的内容，这里我选择的this.$refs.md.d_render是html文本，想要导出Markdown语法内容的话直接把mavon-editor绑定的v-model值赋给content就行。

title就是将要导出的文件的文件名。

执行这个方法后，浏览器就会自动下载一个.txt文件。