动态地将段落保存为PDF？

是否可以使用JSPDF将

包含边框的段落保存为PDF,包含格式并将元素保留在页面的中心？

以下代码允许在粘贴到文本中时生成段落textarea.正如在这个小提琴中所展示的那样,似乎可以将表格保存为PDF.

但是,是否可以动态地将以下动态段落和边框保存为PDF？

如果可以提供更新的小提琴,我将非常感激,因为我还不熟悉编码.

的jsfiddle

谢谢!

HTML:

 
 
     

         Paste text in the field below to divide text into paragraphs.
    
 
        
    


    Divide Text into Paragraphs! 

 
Dynamic Paragraphs will appear below: 
[Paragraphs below for saving as PDF]
 
 
 

JQuery的:

   $(function(){$("#Go").on("click",function(){for(var t=$("textarea").val(),e=300;t.length;){for(;t.length>e&&" "!==t.charAt(e);)e++;$("#text_land").append("

"+t.substring(0,e)+"


"),t=t.substring(e),e=300,$("p").attr("contenteditable","true"),$("p").addClass("text")}})}),$("select").on("change",function(){var t=$("#text_land p"),e=this.dataset.property;t.css(e,this.value)}).prop("selectedIndex",0),end;

CSS:

@media print{p{page-break-inside:avoid}}p{position:relative}@media print{.no-print,.no-print *{display:none !important}}p{border-style:solid}p{color:#000}p{display:block;text-align:justify;border-width:5px;font-size:19px}p{overflow:hidden;height:300px;width:460px;word-wrap:break-word}

Tornike Shav.. 7

我已经编辑了你的代码.请在此处查看您的示例(已编辑)

我用过:

 background-color: white;

在"text_land"

编辑:

我检查了html2canvas.js它解析html元素树并根据他们的风格绘制.

最顶层html元素的宽度 - 渲染树的"text_land"被视为结果图像的宽度.在页面缩放后超出"text_land"div的所有内容都未呈现.

我们的想法是拥有独立的打印样式.

我已经编辑了你的代码.请在此处查看您的示例(已编辑)

我用过:

 background-color: white;

在"text_land"

编辑:

我检查了html2canvas.js它解析html元素树并根据他们的风格绘制.

最顶层html元素的宽度 - 渲染树的"text_land"被视为结果图像的宽度.在页面缩放后超出"text_land"div的所有内容都未呈现.

我们的想法是拥有独立的打印样式.