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

将mavon-editor的内容导出为.txt文件(前端),第1张

直接给出导出方法:

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文件。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1297871.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存