js html 转换为富文本,如何将富文本得到的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得到的效果

bVbnFOh?w=1084&h=141

dom-to-image得到的效果

bVbnFOm?w=1560&h=69

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/550898.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

rust雪山矿洞几个入口_梅里雪山内转全记录(雨崩徒步:神湖神瀑冰湖)

头一次徒步完还愿意记录一下,两个原因吧:1)出发前搜雨崩攻略,各大网站都很少有详细且完整的回答,2)朋友圈发图后,好多朋友对雨崩有兴趣求攻略。先把此次行程大概列一下,如果还有兴趣…

微型计算机上的南桥芯片功能,微型计算机及接口技术2012年1月真题试题(04732)...

微型计算机及接口技术2012年1月真题试题及答案解析(04732)微型计算机及接口技术2012年1月真题试题及答案解析(04732),本试卷总分100分。一、单项选择题(本大题共20小题,每小题1分,共20分)在每小题列出的四个备选项中只有一个是符合题目要求的…

空值用前值填充_用Excel进行数据处理

Excel是一款常用的办公软件,它的功能强大,本文我们将学习如何使用Excel 2019进行数据处理。导入数据本文使用的数据来自This Week’s Garbage Data File.xlsx。数据格式如上所示:表示销售日期表示销售人员名称和ID表示销售区域表示总计为了对…

2014年计算机初级应用考试是,2014年国硕士研究生入学统一考试计算机基础试题...

请回答下列问题。(1) 本题中的网络可抽象为数据结构中的哪种逻辑结构?(2) 针对题42表中的内容,设计合理的链式存储结构,以保存题42表中的链路状态信息(LSI)。要求给出链式存储结构的数据类型定义,并画出对应题42表的链式存储结构示意图(示意…

已知三个用不同数制表示的整数_数学一轮复习26,数列的概念及简单表示法,常用方法及具体策略...

【考试要求】1.了解数列的概念和几种简单的表示方法(列表、图象、通项公式);2.了解数列是自变量为正整数的一类特殊函数.【知识梳理】1.数列的定义按照一定顺序排列着的一列数称为数列,数列中的每一个数叫做这个数列的项.2.数列的分类3.数列的表示法数列…

html播放mp4不显示画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法(精)...

做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面。反复测试,多个浏览器均出现此问题。刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是mp4格…

4j 禁止类输出日志_logback 日志详细讲解

Logback介绍Logback是一个开源日志组件,logback被分为3个组件,logback-core,logback-classic和logback-access.Logback是具体的日志框架,它要与slf4j结合起来使用。Slf4j:简单日志门面,不是具体的日志解决方案&#xf…

计算机桌面桌面设置动态视频,电脑壁纸 篇一:电脑设置动态视频桌面图文教程...

电脑壁纸 篇一:电脑设置动态视频桌面图文教程2019-04-01 11:45:213点赞8收藏0评论今天闲来无事,来张大妈也好久了,没什么技术感觉发文太难了,试着来一篇看看能不能过!相信还有大多数值友的电脑桌面都是一张静态的图片壁…

e300氛围灯哪里调节_让快乐来得更简单!体验新宝骏E300/E300 PLUS

有停车焦虑的小伙伴一定都想拥有一辆微型车,无论你多晚回家,只要有一小块空挡就能泊车,然后上楼睡觉。所谓快乐,莫过于此。在纯电动微型车领域,宝骏可以说是经验最为丰富的厂家之一。相继推出了E100和E200,…

太极计算机ehr系统,(数据科学学习手札21)sklearn.datasets常用功能详解

作为Python中经典的机器学习模块,sklearn围绕着机器学习提供了很多可直接调用的机器学习算法以及很多经典的数据集,本文就对sklearn中专门用来得到已有或自定义数据集的datasets模块进行详细介绍;datasets中的数据集分为很多种,本…

权限申请_Android 开发工程师必须掌握的动态权限申请,三步轻松搞定!

Android 6.0 / Android M 发布后,手机权限被分为两种,即:Normal Permission / 正常权限 和Dangerous Permission / 危险权限,更好的保护了用户的隐私,极大提升了系统安全性!因此,我们在APP开发过…

什么意思中文翻译_os常见意思介绍

os是一个英文的缩写在不同环境状态下表达的意思不一样的,比如在计算机中就是操作系统的意思,在聊天情景的时候就是内心独白的意思,下面来看看详细的os是什么意思介绍吧。os是什么意思一、计算机中的解释OS其实就是Operating System的缩写中文…

网页证书添加_二、Exchange2016部署及基础配置(NDS及证书配置)

1、DNS轮询负载说明:使用DNS轮询实现负载均衡,最大的优点就是部署简单,基本上不需要成本,如果一台exchange服务器彻底宕机,http客户端(Outlook)足够智能,可以连接到另一台服务器。但DNS轮询并不是真正对流量…

ubuntu中显示本机的gpu_Ubuntu下如何查看GPU版本和使用信息

【转载】nvidia-smi是用来查看GPU版本信息,GPU使用信息查询:nvidia-smi第一栏的Fan:N/A是风扇转速,从0到100%之间变动,这个速度是计算机期望的风扇转速,实际情况下如果风扇堵转,可能打不到显示的…

css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现?

DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局。有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃。但DIVCSS5有2中方法对文字字体…

计算机专业410分能上哪些大学,2021年高考410分能报什么学校

2021年高考410分能报什么学校2021-06-12 19:09:06文/张敏高考结束后,填写志愿是广大考生和家长朋友们十分关心的问题,选择学校非常重要,这关乎着考生们的未来。对此,小编整理了高考成绩410分左右可以报考的学校,希望对…

域名带后缀_[Python 爬虫]获取顶级域名及对应的 WHOIS Server 及 whoisservers.txt 下载...

使用 Python 爬虫获取顶级域名及对应的 WHOIS Server 并保存可用于 WhoisCL.exe 的文件 whois-servers.txt。环境:Windows 10Python 3.9.1顶级域名列表https://www.iana.org/domains/root/db获取顶级域名的 WHOIS Server点击带查询的顶级域名,往下拉 WHO…

湖北经济学院的计算机怎么样,湖北经济学院怎么样名气高吗?真实排名及实力如何?是一本吗...

湖北是我国重要的科教基地,说到湖北省的重点高校,就不得不提到武汉大学和华中科技大学,这两所大学一直以来都是全国考生梦寐以求的好大学。当然除了这两所重点大学,还有很多不错的大学,例如武汉理工学院以及华中师范学…

android 三个点按钮实现_Android 常用侧滑栏实现

我们在平常使用手机时可以看到很多的App的会有侧滑菜单栏的效果,这次我将使用SlidingPaneLayout来实现这个功能。首先我们先看下最终效果:SlidingPaneLayoutSlidingPaneLayout提供了一个水平的、多窗格的布局。使用该控件我们可以实现侧滑的效果&#xf…

mysql 插入优化_MySQL批量SQL插入性能优化

对于一些数据量较大的系统,数据库面临的问题除了查询效率低下,还有就是数据入库时间长。特别像报表系统,每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此,优化数据库插入性能是很有意义的。经过对MySQL Inno…