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