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

Question

问题描述

我想将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得到的效果

Answer 1

html2canvas 接收DOM元素，不要传jquery。

你可以先把html插入页面中，在通过如下方式获取图片

html2canvas(document.getElementById('node')).then(function(canvas) {
      document.body.appendChild(canvas);
  });