打印設計是給開發人員使用的工具，用打印設計輔助開發后，打印設計的界面本身的菜單下，可以生成代碼，然后把對應的內容信息補充上，拷貝到自己的頁面的JS里或存起來，作為模版使用。
也可以關閉打印設計，可返回設計好的JS代碼。這種返回的是全部的JS代碼。Lodop獲取全部JS代碼，傳統JS模版的生成、LodopJS文檔式模版的加載和賦值、
如果一次沒有設計完， 或者設計完后發現有問題，需要修改，還要把代碼拷到頁面里，然后再反復進行設計。
還有內容出問題的時候，需要刪減排查，刪減的時候，如果不是一點點刪減，逐漸縮小區域。如果由設計網頁的人員進行刪減排查，可以找到出問題的樣式所在區域，如果不是設計該網頁的人員，網頁往往有加載很多外部鏈接的css樣式，要查哪些樣式的位置，就不是很容易，很花時間。
排查非自己的html代碼時，可以逐個或逐個區域刪除外部css鏈接，先找到需要排查的樣式在哪個外部css樣式鏈接里。
在用打印設計時，可以用反復進行設計，這樣不用復制代碼到頁面JS里去再進行設計。
反復設計模版，也就是把設計的返回值放入文本框，然后再從文本框中加載模版，這樣不停的放返回值，不停的加載模版。
可以：1.一次設計不完善，關了之后，再在頁面調用設計。
2.排查某段html或css樣式，原始代碼進入后，刪減內容，刪減后發現刪減錯了，直接點擊再載入原始代碼。發現刪減有效果，關閉后，也可以過一會再去刪減排查。
調試html和css操作流程：
該頁面共有三個按鈕，有兩個調用的方法都是一樣的，都是加載原始的html信息。
1.把需要測試的html信息放入第一個文本框，然后點第一個下面的打印設計，進行初次修改排查。
2.修改一段時間后，想過會在改，關閉打印設計窗口，去干其他事情。這時候修改后的代碼會返回到第二個文本框里。
3.干完其他事情后，再點第二個文本框下方的反復打印設計，進入設計，然后再改，如果中途有其他事情，可以重復2,3多次，打印設計里不斷修改，再不斷預覽，中途需要可關閉。
PS：如果中途發現刪減的區域包含了問題內容部分，需要更精確的定位問題內容所在位置，可點擊加入原始html，就可以再次進入原始html信息，然后把不需要的區域刪除，在上次刪減區域里，再刪減，找到更加細的位置，最后定位到哪些html或樣式內容引起的。
測試頁面：
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WEB打印控件LODOP</title> <script language="javascript" src="LodopFuncs.js"></script> <link href="css/stylecss1.css" type='text/css' rel="stylesheet"> </head> <body id="bodyA1"> <div id="header"> <div id="head1"></div> </div> <div id="testhtmDiv"> 輸入需要測試的原始html代碼： <p><textarea rows="12" id="S1" cols="107" ></textarea><br> </div> <input type="button" class="btn2" value="原始html代碼進入設計" onclick="prn1_design()"> <div id="testhtmDiv"> 修改后的打印設計的返回打印代碼： <p><textarea rows="12" id="S2" cols="107" ></textarea><br> </div> <input type="button" class="btn2" value="進入設計反復修改" onclick="TestHtmDes()"><input type="button" class="btn2" value="復原重新原始html代碼進入設計" onclick="prn1_design()"> <br><br><br> <div id="footer"><img src="./images/lodopfoot.png"></div> <script language="javascript" type="text/javascript"> var LODOP; //聲明為全局變量 function htmlcontent(){ LODOP=getLodop(); LODOP.PRINT_INIT(""); LODOP.ADD_PRINT_HTM(0,0,"100%","100%",document.getElementById("S1").value); }; function TestHtmDes(){ LODOP=getLodop(); eval(document.getElementById('S2').value); if (LODOP.CVERSION) CLODOP.On_Return=function(TaskID,Value){document.getElementById('S2').value=Value;}; document.getElementById('S2').value=LODOP.PRINT_DESIGN(); }; function prn1_design() { htmlcontent(); if (LODOP.CVERSION) CLODOP.On_Return=function(TaskID,Value){document.getElementById('S2').value=Value;}; document.getElementById('S2').value=LODOP.PRINT_DESIGN(); }; </script> </body>
圖示：
