先前梳理了后台打印导出参考:https://www.cnblogs.com/yyk1226/p/9856032.html,但是没有显示出来打印预览页面. 本章使用Lodop插件进行打印设置,实现打印机设置功能. 效果展示: 点击打印之后,弹出[打印预览]效果,一旦连接到打印机,即可打印. 具体实现: 1.下载相关插件 百度网盘下载地址:链接:https://pan.baidu.com/s/1WZsi6TPGjFj7PbAGW4ertg 密码:s375 解压之后: 2.安装lodop 方式一:双击

Lodop.C-Lodop使用说明及样例   Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印.控件功能强大,却简单易用,所有调用如同JavaScript扩展语句,主要接口函数如下:   ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小 ● ADD_PRI

最近在做Lodop打印功能: 思路是:  用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是:  在打印的JS文件中, 引用外部css文件时, 需要拼出实际的含有IP地址的CSS文件地址, 并且需要用双斜杠(//)来代替单斜杠. =====后来遇到的问题:  css文件里的样式, 在页面上显示没有问题, 但是打印预览却没有样式.... 又挣扎了一天, 原来问题是: lodop中的加入css文件后, 不能识别css类(.

在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.com/lemoncool/print-demo.效果如图: 关于print.js 功能:网页打印插件,支持打印或不打印指定区域,并且它还支持将网页导出为pdf.前提是可以接受该交互效果. 已实现: 原生js书写 不依赖其他库可指定打印(或不打印)的区域 支持定制css,内联.外联均可 支持select

今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用方法如下:  在谷歌浏览器地址栏输入:chrome://flags/#enable-npapi 然后找到“启用NPAPI”,点击启用,根据提示重启chrome即可.

资料: http://blog.5ibc.net/p/39927.html 正文: 简单的说就是映入两个css文件 <link/> <link/> 每个css文件都有一个属性是:media 用于显示的设置为:media="scree"; 用于打印的设置为:media="print"; 各自写各自的CSS样式表 网页打印插件: http://printfree.jatools.com/ http://www.lodop.net/

前序 前面遇到一个问题:在线打印合同.通过各方查找资料和请教他人,终于完美的解决了这个问题.其中的解决方案,可以查看:http://www.cnblogs.com/zcy-xy/p/4290436.html.其中只详细简单介绍了一些方法,希望能给你点思路.其实在后面实现打印时,遇到了很多问题,现在就一一列举. 一.浏览器自带打印 浏览器自带打印确实既方便又简单.其实对于打印我们都很熟悉,最终打印时都是一张图片.那么在调用浏览器自带打印时,它会自动针对当前页面生成一张图片来实现打印.但是会存在一个

简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的打印参数设置. 使用方法 使用该网页打印插件要引入jQuery和jquery.print.js文件. <script type="text/javascript" src="js/jquery.min.js"></script> <scri

插件: qrcode.js 插件下载网址:http://code.ciaoca.com/javascript/qrcode/ 用法实例: <script type="text/javascript"> $(function (){ var qrcode = new QRCode('qrcode', { width: 100, height: 100, colorDark : '#000000',  // 前景色 colorLight : '#ffffff',    //背景

1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效.今天我们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画,它同样有着3D立体的视觉效果,同时波浪在起伏时也伴随的浪花汹涌的动画特效,看上去非常炫酷. 在线演示 源码下载 2.jQuery实现Tooltip弹出样式的分享按钮 这是一款比较实用而美观的jQuery分享按钮插件,和前面

jQuery-UI,知问前端--验证插件 学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能 验证插件(validate.js),是一款验证常规表单数据合法性的插件.使用它,极大的解 放了在表单上繁杂的验证过程,并且错误提示显示的完善也增加了用户体验. 一．使用 validate.js 插件 官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-v

1.  vscode 简介vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义(redefined)了代码编辑器.当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种.比起notepad++.editplus,vscode集成了许多IDE才具有的功能,比起它们更像一个代码编辑器:比起sublime,vscode颜值更高,安装配置插件更为方便:比起atom,vscode启动速度更快,打开各种大文件不卡.可以说,vs

Web前端开发css基础样式全面总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间一般都用16进制表示颜色 单位 px:像素,与分辨率设置相关. %相对于浏览器的百分之多少,可以对宽度width做设置,不可以对height做设置 文本样式(text) color:设置文本颜色 text-align:设置文本对齐方式 center left right letter-spa

使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后用JS来算出每页多高,按照每张纸的高度来进行适当的增减高度.(这种方式缺点就是只能针对单中类型的纸张,计算十分的繁琐,要些很多加减法 -_-);). 参考A4纸高度的网页:http://www.jb51.net/office/word/67360.html 2.在如上一个思路的方式,试着查找能不能自

有一种情况容易导致less文件的样式无法生效,就是部分服务器(以IIS居多)会对未知后缀的文件返回404,导致无法正常读取.less文件.解决方案是在服务器中为.less文件配置MIME值为text/css(具体方法请见下面截图).或者还有一种更简单的方法,即是直接将.less文件改名为.css文件即可. IIS为less文件添加MIME值的方法:

sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~,然后输入下面这个. ---------------------------- import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88';

局部打印插件 jquery.PrintArea.js js代码 (function ($) {     var printAreaCount = 0;     $.fn.printArea = function () {         var ele = $(this);         var idPrefix = "printArea_";         removePrintArea(idPrefix + printAreaCount);         printAreaC

在使用jquery.PrintArea.js打印局部网页样式的时候,发现样式打印不出来,在网上找了好多资料,整理一下分享给大家 一.先看看css的引用文件方式 1.直接在内部的元素中使用”style”属性来定义样式,比如:<div style=”width:800px;”></div> 2.在<head>元素中使用”style”元素来指定 3.使用<link>元素链接到外部的样式文件,比如:<link rel=”stylesheet” type=”te

1.JQuery.js JavaScript 库,简化JS. 官网地址:https://jquery.com/ 菜鸟教程:http://www.runoob.com/jquery/jquery-tutorial.html W3C教程:http://www.w3school.com.cn/jquery/index.asp 2.Bootstrap.js 可用于页面组件.模态框.提示信息框.轮播图. 官网:https://getbootstrap.com/ 中文网:http://www.bootcss

使用jqprint打印插件的网页demo代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery打印插件jqprint</title> <!-- <script language="javascript" src="jquery-1.4.4.min.js"></scri

m_Orchestrate learning system---三十六.如何修改插件的样式(比如ueditor) 一.总结 一句话总结:所有的js,html插件,修改样式无非是两种,一是直接修改css,二是通过js来直接修改css 直接修改css 通过js修改css 1.php数组去掉键(比如echart数组只要值)? array_values() 将php数据装换为json再到echart数据的时候,echart数组只要值,不要键 //要把xAxis_data從鍵值對數組變成數組 $optio