html测试页LODOP的内容反复进入打印设计
打印设计是给开发人员使用的工具，用打印设计辅助开发后，打印设计的界面本身的菜单下，可以生成代码，然后把对应的内容信息补充上，拷贝到自己的页面的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的内容反复进入打印设计的更多相关文章
- Lodop中特殊符号￥打印设计和预览不同
Lodop中￥符号样式改变问题 Lodop中对超文本样式的解析,虽然说是按照调用的本机ie引擎,但是调用的ie版本可能不同,导致在ie下是一种样式,预览又是另一种样式.可能是有些样式没有具体设置,走的 ...
- [简短问答]LODOP如何查看用LODOP打印设计的代码
该博文为图文简短问答,具体详细介绍可查看本博客的相关博文,生成JS代码相关详细博文:Lodop打印设计(PRINT_DESIGN)介绍.Lodop打印设计.维护.预览.直接打印简单介绍.Lodop打印 ...
- Lodop打印设计矩形重合预览线条变粗
LODOP中的打印设计是辅助进行开发的,实际打印效果应以预览为准,很多效果都是在设计界面显示不出来,或设计和预览界面有差异.例如add_print_text文本的字间距.行间距,旋转,还有允许标点溢出 ...
- espcms列表页ajax获取内容 - 并初始化swiper
<link rel="stylesheet" href="swiper.min.css" type="text/css" media= ...
- 织梦DedeCMS首页调用单页文档内容的方法
很多使用织梦dedecms单页文档功能的朋友都想知道如何在织梦首页调用单页文档的内容,下面就教大家具体的实现方法: 具体步骤如下: 首先在首页模板需要显示单页文档内容的地方插入如下代码: {dede: ...
- .Net搭建的WebService测试页使用TextArea大文本框方便调试
用.Net搭建的WebService,系统默认提供了测试页,供大家输入参数进行测试.但因为参数输入框使用的是单行input控件,导致无法输入换行文本,使得有些参数(如换行的xml)无法输入,及其不便. ...
- 夺命雷公狗---DEDECMS----20dedecms取出栏目页对应的内容
取出栏目页对应的内容 现在我们的栏目页面是可以完全正常跳转了,那么我们现在需要完成的就是让他的内容全部(电影,连续剧,综艺)分类的显示出来. 我们还是要使用{dede:arclist}标签来取出我们所 ...
- phpcms v9如何给父级单页栏目添加内容
对于phpcms单页的调用相信大家都应该没问题,那么如果我们在后台添加的单页有二层甚至更多的时候,这样在管理内容上是没有给父级栏目添加内容这一功能的!那么我们该怎么实现这个功能并调用呢? 首先我们要修 ...
- Dedecms文章内容页和图片集内容页，调用缩略图的方法
文章内容页缩略图的调用,图片集内容页缩略图的调用,相信大家都想找这个,对于初学者来说,一大福音> 文章内容页和图片集内容页,缩略图的调用.适合内页中调用. 1 <img src=" ...
随机推荐
- 转载 C# 开源框架(整理)
C# 开源框架(整理)http://www.cnblogs.com/gaoyuchuanIT/articles/5612268.html Json.NET http://json.codeplex.c ...
- 鼠标经过盒子出现边框（伪元素，定位，css3盒子模型）
<body> <div> <img src="mi6.png" > </div> </body> div{ width: ...
- Zabbix 短信报警示例
Zabbix 短信报警 示例: 注意zabbix 脚本文件默认放置目录是 alertscripts (zabbix 动作调用脚本目录) # 编辑 zabbix_server.conf # AlertS ...
- noi.ac #42 模拟
\(des\) 二维平面上存在 \(m\) 个点,每个点会对该点的 \(8\) 个方向上的最近的点产生影响 问每个点会被影响多少次 \(sol\) 过每个点会产生 \(4\) 条线段 保存每条线段的斜 ...
- 机器学习---用python实现朴素贝叶斯算法（Machine Learning Naive Bayes Algorithm Application）
在<机器学习---朴素贝叶斯分类器(Machine Learning Naive Bayes Classifier)>一文中,我们介绍了朴素贝叶斯分类器的原理.现在,让我们来实践一下. 在 ...
- SqrtTree学习笔记
散步的时候yy区间最值的不同分块做法,发现单点修改\(O(\sqrt{n})\)查询\(O(1)\)的做法不是很会? 于是yy了一个奇怪做法,写出来看看. 考虑查询的时候两端的散点可以用前后缀最值查出 ...
- php单点登录SSO(Single Sign On)的解决思路
一.什么是单点登录 解释:登录一个系统后,其它系统无需再次登录,即可进入. 二.举个例子: 你登录了淘宝,然后你进入天猫,发现你不用登录了.这时你要注意到,淘宝跟天猫可是完全不一样的域名. 你登录淘宝 ...
- 说说AutoMapper那些事
项目中用到了DTO与Model之间的转换,因为model项目比较多,所以需要使用工具或者代码来实现快速的转换.AutoMapper就是一个很好的基于约定的object-object mapper.映射 ...
- Git的使用(1) —— 版本库
1. 简介 Git作为一个分布式版本控制系统,其优点是不需要一直连接远端版本库就可以使用. 故其为实现分布版本控制专门设计了一整套的存储区间和语句,用来实现. (1) 本地版本库:建立在本机磁盘上的文 ...
- 第十一周助教工作总结——NWNU李泓毅
助教博客链接:https://www.cnblogs.com/NWNU-LHY/ 本次作业的要求:原型设计:https://www.cnblogs.com/nwnu-daizh/p/10761596. ...