猿问

如何将富文本得到的html转换为pdf?

问题描述

我想将kindtor最后得到的html转换为pdf,有一种思路是将获得的html通过dom-to-image或者html2canvas转换为图片。在转换为pdf,但是我获得到html之后,运用dom-to-image转换或者html都不行,会报错出来。

问题出现的环境背景及自己尝试过哪些方法

我自己研究。可能是由于富文本得到的html他是虚拟的dom元素。并没有实际挂载到页面上。
试过选取整个编辑器。然后转换。转换为canvas成功。

相关代码

  var node="<div>"+editor.html()+"</div>";      console.log($(node))
      node=$(node)[0];    //   domtoimage.toPng(node)
    // .then(function (dataUrl) {
    //     var img = new Image();
    //     img.src = dataUrl;
    //     document.body.appendChild(img);
    // });
    html2canvas(node).then(function(canvas) {      document.body.appendChild(canvas);
  });

你期待的结果是什么?实际看到的错误信息又是什么?

希望可以得到解决或者其他可靠的解决方案。主要是要完成将富文本得到的内容转换为pdf这个需求
html2canvas得到的效果

dom-to-image得到的效果

https://img.mukewang.com/5c62e2420001018708000035.jpg


GCT1015
浏览 1702回答 1
1回答
随时随地看视频慕课网APP
我要回答