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

    如果我想知道函数被调用了多少次怎么办?在没有学习静态变量的时候,我们没有好的办法来解决. 静态变量的特点是:声明一个静态变量,第二次调用函数的时候,静态变量不会再初始化变量,会在原值的基础上读取执行. ...

  2. 常见的meta标签属性

    meta标签是网页元标签.可以定义一些网站的功能. 1. name属性 name属性的通用格式如下: <meta name="xxx" content="xxxx, ...

  3. postgreSQL \timing 查看SQL执行时间

    postgreSQL中,关于查询执行时间的\timing的使用

  4. flutter报错：NoSuchMethodError: The method '>' was called on null.

    写了个list,发现出不来,报错 flutter: Another exception was thrown: RenderBox was not laid out: _RenderScrollSem ...

  5. 数据结构实验之排序七：选课名单 （SDUT 3404）

    #include <stdio.h> #include <string.h> #include <stdlib.h> struct node { char data ...

  6. c#调用phantomjs 将 网页 存为 PDF

    一. 下载 phantomjs 具体下载方式 不再详细说明了. 二. 创建一个 rasterize.js 文件 (放在哪里都行, 我这里是放在了项目中) . 代码内容如下 var page = req ...

  7. Sublime Text3注册及汉化(支持Windows、MAC OS)

    苹果mac 版本下载 点击下载https://download.sublimetext.com/Sublime%20Text%20Build%203114.dmg PART_A 注册 v3103及以上 ...

  8. 2019年领航杯 江苏省网络信息安全竞赛 初赛部分writeup

    赛题已上传,下载连接:https://github.com/raddyfiy/2019linghangcup 做出了全部的misc和前三道逆向题,排名第10,暂且贴一下writeup. 关卡一 编码解 ...

  9. 【转】Root检测与反检测

    0x00背景需要在手机上构建一个环境对root过的设备进行伪装,让设备里面的应用将该设备当成未root的设备.10x01 Root检测手段1.检查已安装的APK包:SuperSU应用程序或者一键roo ...

  10. Spring AOP Log

    spring aop action中验证用户登录状态 - CASER_HDMI的博客 - CSDN博客https://blog.csdn.net/CASER_HDMI/article/details/ ...