marked+jspdf实现markdown文本转a4纸张大小pdf格式文档代码
代码语言:html
所属分类:其他
代码描述:marked+jspdf实现markdown文本转a4纸张大小pdf格式文档代码
代码标签: marked jspdf markdown 文本 转 a4 纸张 大小 pdf 格式 文档 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Markdown转PDF (A4格式)</title>
<!-- 引入必要的库 -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/marked.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jspdf.umd.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/html2canvas.1.4.1.js"></script>
<style>
/* A4纸张样式 (210mm × 297mm) */
#a4-container {
width: 210mm;
min-height: 297mm;
padding: 20mm;
margin: 10px auto;
background: white;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
box-sizing: border-box;
position: relative;
}
/* 预览区域样式 */
.preview-area {
max-width: 800px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background: #f9f9f9;
}
/* 按钮样式 */
.action-buttons {
text-align: center;
margin: 20px;
}
button {
background: #4CAF50;
color: white;
border: non.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0