打印设计是给开发人员使用的工具，用打印设计辅助开发后，打印设计的界面本身的菜单下，可以生成代码，然后把对应的内容信息补充上，拷贝到自己的页面的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>

图示：

html测试页LODOP的内容反复进入打印设计的更多相关文章

  1. Lodop中特殊符号￥打印设计和预览不同

    Lodop中￥符号样式改变问题 Lodop中对超文本样式的解析,虽然说是按照调用的本机ie引擎,但是调用的ie版本可能不同,导致在ie下是一种样式,预览又是另一种样式.可能是有些样式没有具体设置,走的 ...

  2. [简短问答]LODOP如何查看用LODOP打印设计的代码

    该博文为图文简短问答,具体详细介绍可查看本博客的相关博文,生成JS代码相关详细博文:Lodop打印设计(PRINT_DESIGN)介绍.Lodop打印设计.维护.预览.直接打印简单介绍.Lodop打印 ...

  3. Lodop打印设计矩形重合预览线条变粗

    LODOP中的打印设计是辅助进行开发的,实际打印效果应以预览为准,很多效果都是在设计界面显示不出来,或设计和预览界面有差异.例如add_print_text文本的字间距.行间距,旋转,还有允许标点溢出 ...

  4. espcms列表页ajax获取内容 - 并初始化swiper

    <link rel="stylesheet" href="swiper.min.css" type="text/css" media= ...

  5. 织梦DedeCMS首页调用单页文档内容的方法

    很多使用织梦dedecms单页文档功能的朋友都想知道如何在织梦首页调用单页文档的内容,下面就教大家具体的实现方法: 具体步骤如下: 首先在首页模板需要显示单页文档内容的地方插入如下代码: {dede: ...

  6. .Net搭建的WebService测试页使用TextArea大文本框方便调试

    用.Net搭建的WebService,系统默认提供了测试页,供大家输入参数进行测试.但因为参数输入框使用的是单行input控件,导致无法输入换行文本,使得有些参数(如换行的xml)无法输入,及其不便. ...

  7. 夺命雷公狗---DEDECMS----20dedecms取出栏目页对应的内容

    取出栏目页对应的内容 现在我们的栏目页面是可以完全正常跳转了,那么我们现在需要完成的就是让他的内容全部(电影,连续剧,综艺)分类的显示出来. 我们还是要使用{dede:arclist}标签来取出我们所 ...

  8. phpcms v9如何给父级单页栏目添加内容

    对于phpcms单页的调用相信大家都应该没问题,那么如果我们在后台添加的单页有二层甚至更多的时候,这样在管理内容上是没有给父级栏目添加内容这一功能的!那么我们该怎么实现这个功能并调用呢? 首先我们要修 ...

  9. Dedecms文章内容页和图片集内容页，调用缩略图的方法

    文章内容页缩略图的调用,图片集内容页缩略图的调用,相信大家都想找这个,对于初学者来说,一大福音> 文章内容页和图片集内容页,缩略图的调用.适合内页中调用. 1 <img src=" ...

随机推荐

  1. LightOJ - 1102 - Problem Makes Problem（组合数）

    链接: https://vjudge.net/problem/LightOJ-1102 题意: As I am fond of making easier problems, I discovered ...

  2. kafka的HA机制

    1.kafka的HA机制:副本机制+消息同步+leader选举. 每个topic有多个partition,每个partition又有多个副本,这些副本当中也存在不同的角色,leader.followe ...

  3. jQuery弹出提示信息自动消失简洁版

    // 在bootstrap中可以,可以使用如下方式实现弹出提示信息自动消失,如果没有使用bootstrap框架,可以自定义样式 //tip是提示信息,type:'success'是成功信息,'dang ...

  4. Tensorflow细节-P194-组合训练数据

    import tensorflow as tf files = tf.train.match_filenames_once("data.tfrecords-*") filename ...

  5. 洛谷 P1120 小木棍 dfs+剪枝

    Problem Description [题目链接] https://www.luogu.com.cn/problem/P1120 乔治有一些同样长的小木棍,他把这些木棍随意砍成几段,直到每段的长都不 ...

  6. 流媒体知识 wiki

    媒体业务是网络的主要业务之间.尤其移动互联网业务的兴起,在运营商和应用开发商中,媒体业务份量极重,其中媒体的编解码服务涉及需求分析.应用开发.释放license收费等等.最近因为项目的关系,需要理清媒 ...

  7. learning java BigDecimal类

    使用BiDecimal类是了为防止运算时精度丢失: var f1 = new BigDecimal("0.05"); var f2 = BigDecimal.valueOf(0.0 ...

  8. local

    用于在脚本中声明局部变量, 典型用法是在函数体内,其作用域也在该变量的函数体内,如果试图在函数外使用local声明变量,将提示错误

  9. js 的数组怎么push一个对象. Js数组的操作push,pop,shift,unshift JavaScrip

    push()函数用于向当前数组的添加一个或多个元素,并返回新的数组长度.新的元素将会依次添加到数组的末尾. 该函数属于Array对象,所有主流浏览器均支持该函数. 语法 array.push( ite ...

  10. POJ1635 Subway tree systems ——（判断树的同构，树的最小表示法）

    给两棵有根树,判断是否同构.因为同构的树的最小表示法唯一,那么用最小表示法表示这两棵树,即可判断同构.顺便如果是无根树的话可以通过选出重心以后套用之前的方法. AC代码如下: #include < ...