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

问题描述

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

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

我自己研究。可能是由于富文本得到的html他是虚拟的dom元素。并没有实际挂载到页面上。

试过选取整个编辑器。然后转换。转换为canvas成功。

相关代码var node="

"+editor.html()+"
";      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得到的效果

90294dc50d721895a46dca67b49acc22.pngdom-to-image得到的效果

67de6e7578c8ee2b26635ddd708469a5.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值