富文本 编辑的内容 上传到oss 里面并生成html文件

首先配置好富文本,详情访问富文本样式不变配置

打开oss文件找到流式上传 仔细看下文档

代码配置

富文本 编辑的内容 上传到oss 里面并生成html文件_第1张图片

let OSS = require('ali-oss') // 引入ali-oss插件
const client = new OSS({
  region: 'oss-cn-shanghai',//根据那你的Bucket地点来填写
  accessKeyId: 'LTAI4Fpp8jyjSbSTJPwsRaXY',//自己账户的accessKeyId
  accessKeySecret: 'uu1Bh1jQFUWVII8FeuP7kheReDNGiS',//自己账户的accessKeySecret
  bucket: 'antpkg-vedio',//bucket名字
});

富文本 编辑的内容 上传到oss 里面并生成html文件_第2张图片

async putBuffer (text) { // oss 上传方法
    let html = `
    
      
        
          
          
          
          HandyEditor
          
        
        
        ${text}
        
      
    `
      try {
        let result = await client.put('object-name.html', new Buffer(html), {
          headers: {
            'Content-Disposition': 'inline',
            'Content-Type': '.html' //注意:根据图片或者文件的后缀来设置,我试验用的‘.png’的图片,具体为什么下文解释
          },
        });
        if(result){
          let link = 'https://antpkg-vedio.antpkg.com/object-name.html'
          console.log(link,'===========>',result)
        }
      } catch (e) {
        console.log(e);
      }
    }

这时你会发现,最后生成html文件访问的时候是下载的状态,接下来你需要去你们的阿里云里面配置一下自己的服务器域名,链接换成自己的域名就可以访问啦!详细配置可以咨询下运维小哥哥,谢谢

你可能感兴趣的:(富文本生成html,vue)