首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS达到Web指定保存打印功能的内容

近期手中的一个项目,因为需求中要求提供Web界面的打印功能。当然假设没有打印机,还能够提供保存到本地。项目组长把这个“小任务”分给了我。...我发现这一款工具在各版本号浏览器的兼容性表现还是不错的,至于功能方面,我须要的他都提供了,并且额外的功能也是非常多的。足够我们开发使用了。对了。不得不提的是。...组件 组件名称:Lodop(提供下载) 须要引入的文件:lodop.cab(自己制作的)、LodopFuncs.js(必须的)、install_lodop32.exe(可选的,官方提供的exe格式插件)...然后是保存功能 html 代码同样,这里就不再反复贴了 js 代码 <span style="font-family:Microsoft YaHei;font-size:12px;"...就能够保存到word中了。 结束语 怎么样,非常easy吧!web 页面打印指定内容事实上就这么简单。 仅仅要找对好的工具,什么都不它是一个事!

2.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    仿Excel的撤销功能

    也就是,模仿Excel的撤销功能,特别是当VBA代码对工作表进行操作后,使用Excel原始的撤销功能是无法恢复的,但可以使用VBA代码来实现,似乎就像Excel的撤销功能一样。...主要思路是使用一个工作表,来记录对工作表所做的修改,如果要撤销这些修改,就从这个工作表取出原来的值来恢复。注意,本文的示例只针对特定区域,且只能撤销两次。...关闭事件以便下面的代码不会触发Worksheet_Change事件 Set wsU = Sheets("UNDO") ' 名为UNDO的隐藏工作表 Set ws1 = Sheets("Sheet1") ' 要撤销操作的工作表..."D" & x).Value ' 将之前的值写回ws1 wsU.Range("A" & x & ":D" & x).ClearContents ' 清空UNDO工作表中的行, 这允许有更多的撤销...或者,在完美Excel微信公众号中发送消息: 仿撤销功能 获取示例工作簿下载链接。 或者,直接到知识星球APP完美Excel社群中下载该工作簿。

    15110

    使用 Node.js + Vue 实现 Excel 导出与保存功能

    我们的项目是前端用vue,服务端用node.js,这个excel导出我们已经用了一年,我们目前用到的无非是图片导出,文本导出,调调excel单元格距离等....这个node端的封装是经过同事不断的review(感谢同事),俺不断的修改优化后的代码,当时也是我第一次接触node.js,只想告诉你,用它,稳稳的!...node.js服务端代码 1.拿到需要导出的数据之后如何使用(假数据模拟,下面是页面) image.png constructor(prop) { super(prop) // 定义excel头部数据...image.png 很重要的一点就是,假设从表里面的数据返回的status是1,那么我肯定导出的不能1,应该是对应的一个中文,所以在导出前,应该进行处理,这个处理应该是在服务端来做,而不是前端做一遍,然后为了导出这个功能重新做一遍举个例子...url: url, method: 'get', params: { query: qs.stringify(params), }, }) } 复制代码 utils /** * 本地保存文件并导出

    1.3K40

    开源项目不应参与政治,Node.js OpenJS 官网已撤销声明!

    2022 年 3 月 1 日,本周二,Node.js 官方合并了一个 PR#4450[1],翻译为 "我们与乌克兰人民站在一起。我们鼓励同情对和平的希望。...image.png 在 2022 年 3 月 3 日,本周三,Node.js 官网已撤销该声明(PR#4467[2] 可以看到),从 reaction 点赞行为看还是得到了大多数人的认可,翻译大意为 “...前端界的另一个开源项目 React,关于支持 “乌克兰的声明” 在官网就可以看到,React Node.js 这两个开源项目归属于不同的组织,关于 React 这个声明,其核心开发者 Dan 也发文做了说明...image.png 其实 Node.js 最后这个处理结果还是可以的。在 Node.js 官网取消这一横幅时,同时看了 OpenJS 基金会官网也没有了横幅声明。...image.png 一些个人的观点:“个人的政治立场、倾向,你可以选择在自己的社交平台发表你的言论,但不要参杂在开源项目里,类似于 Node.js 这样的开源项目,背后并不是一个人,他有来自世界各地的贡献者该项目的众多使用者

    2K30

    Swing 的 undo 包实现撤销重做功能

    如果已调用end,则此方法将调用父类方法,否则将调用undo对下一个编辑的索引上一个显著编辑之间的所有编辑,适当地更新下一个编辑的索引 ? redo ? 方法来实现Undo/Redo功能。...否则,如果有编辑撤消,这将返回从下一个显著编辑将被撤销的价值。...如果没有编辑可以撤销, end并没有被调用这个返回从值UIManager财产“AbstractUndoableEdit.undoText” ?...AddEdit类负责添加操作; DeleteEdit类负责删除操作; UpDownEdit类负责上移下移操作。...比如,要执行Delete操作,我们要记住删除的元素所在位置这两个现场数据,undo方法据此来在原位置插入被删除的元素。如果没有这两个现场数据,undo就无从下手了。

    99020

    基于jquery的imgAreaSelect.js插件+JAVA后台实现图片裁剪保存功能

    前段时间,项目在做个人信息设置,其中有一项是设置用户头像信息,需要将用户选择的头像按照用户需要进行剪切,同时保存为大(120*120)、中(75*75)、小(35*35)三种格式的图像,分别显示到不同的位置...-- 加载js文件 --> 说明:该页面是模拟前端截取图像,并将起始位置坐标图片base64编码发送给后端,后端进行处理。...clacImgZoomParam()方法主要是用于对用户选择的图像进行限定固定高度宽度,方便后台按照统一的比例计算截取的坐标位置。...Rectangle 指定了坐标空间中的一个区域,通过 Rectangle 对象的左上顶点的坐标(x,y)、宽度高度可以定义这个区域。

    6.1K70

    Oracle 回滚(ROLLBACK)撤销(UNDO)

    --================================== --Oracle 回滚(ROLLBACK)撤销(UNDO) --===============================...=== 一、回滚(ROLLBACK)撤销(UNDO) 回滚前滚是保证Oracle数据库中的数据处于一致性状态的重要手段。...撤销的实质意味着将所作的修改退回到修改前的状态,即倒退所有DML语句 二、撤销段中的内容及相关特性 对于任何DML操作而言,必须同时处理数据块撤销块,并且还会生成重做信息 在ACID中,A、C...UNDO段中数据的作用: 用于回滚操作 读一致性闪回查询 用于事务失败时的恢复 UNDO段与事务: 一个事物的启动,Oracle将为其分配仅仅一个UNDO段,若该段用完,则Oracle会自动为该...Production TNS for Linux: Version 10.2.0.1.0 - Production NLSRTL Version 10.2.0.1.0 - Production --查看UNDO

    2.4K10

    JS防止站点被恶意保存

    进入正题: 因为站点是纯静态的,所以没办法防止网页被扒走,但是我们可以让他扒走的网页 用不了… 对静态资源设置防盗链,判断可信域名…不过很多同学都放在 coding/github 之类的 没有这种功能的托管商...let siteprotect=1;//做一个flag 然后用于下面判断这段JS是否执行 if(self !...let whitelist=['huai.pub','127.0.0.1','localhost','']; //host白名单;空的话,为以file类型打开,是为了防止保存到本地调试,如果不担心此条...把上面部分放到一个不得不运行且打开页面就运行的JS里面(不建议放到公共资源部分,比如 jQuery之类的 )…当然 需要按照注释修改为自己的参数; 之后将这条JS 加密 然后将第二部分放到页面底部的JS...中,同时也加密后再引入(siteprotect变量可以改名 且改掉值,最好使用随机值) 重要的是 JS一定要加密 且放到对站点效果影响大的JS中… 这样就算被别人恶意保存,基本也不会有大的问题了

    3.9K20

    探究 canvas 绘图中撤销(undo)功能的实现方式

    我们自然会想到能否实现 canvas 的 undo 功能,当用户切换水印位置时,先撤销上一步 drawImage 操作,然后再重新绘制水印图片位置。 restore/save ?...所以,使用 resolve/save 无法实现我们需要的 undo 功能。 模拟栈实现 既然原生的 API 保存绘制状态的栈无法满足需求,那么自然我们会想到自己模拟一个保存操作的栈。...在执行 undo 操作时,从栈中取出最新保存的快照,然后重新绘制画布,即可实现撤销操作。实际测试也符合预期。 性能优化 上一节中我们很粗犷地实现了 canvas 的撤销功能。为什么说粗犷呢?...假设操作步骤很多,我们在模拟栈也就是内存中就会保存很多预存的图片数据。此外,在绘制图片过于复杂时,getImageData putImageData 这两个方法会产生比较严重的性能问题。...之前说过,我们通过对整个画布保存快照的方式来记录每个操作,换个角度思考,如果我们把每次绘制的动作保存到一个数组中,在每次执行撤销操作时,首先清空画布,然后重绘这个绘图动作数组,也可以实现撤销操作的功能

    2.1K50

    Android实现iPhone晃动撤销输入功能 Android仿微信摇一摇功能

    很多程序中我们可能会输入长文本内容,比如短信,写便笺等,如果想一次性撤销所有的键入内容,很多手机需要一直按住退格键逐字逐句的删除,稍稍麻烦,不过在iPhone上,有个人性化的功能,当我们想要去撤销刚刚输入的所有内容的时候...在android中,一般手机貌似没有定制这个功能,不过我们可以自己去实现这样的功能,放置在我们的项目程序中,体现更人性化的设计,思路很简单,主要是利用手机内置的加速度传感器装置,其实大家一定会想到微信的...“摇一摇”功能,个人觉得该功能就应该是这样实现的,当我们错误输入并想撤销所有输入内容的时候,可以摇晃我们的设备,弹出一个自定义的alertdialog,根据按钮的点击事件完成相应的清除操作。...4.在onResume中注册监听事件,在注册时,会有监听器listener,感应装置sensor灵敏度rate三个参数,其中灵敏度有四种: SENSOR_DELAY_FASTEST:最灵敏的,反应非常迅速...点击“撤销键入”,即可将文字清空! 以上就是本文的全部内容,希望对大家的学习有所帮助。

    2K62

    如何禁止WordPress自动保存草稿功能

    我们都知道在WordPress 中每次编辑文章或页面时,都会将草稿自动保存到数据库中,如果频繁地进行编辑并自动保存草稿,这可能导致数据库负载增加,而禁用自动保存可以减轻数据库的压力,提高网站性能响应速度...那么如何禁用wordpress自动保存草稿功能呢?本文就和大家一起来学习下。...要禁用WordPress的自动保存草稿功能,可以通过以下方法进行操作:在主题的functions.php文件中添加以下代码:function disable_autosave() { wp_deregister_script...通过移除该脚本,可以禁用自动保存功能保存并上传functions.php文件到WordPress网站的主题目录中。请注意,禁用自动保存功能可能会导致在编辑文章或页面时失去未保存的更改。...此外,如果希望仅禁用自动保存功能而保留修订版本控制,可以尝试以下代码:define('AUTOSAVE_INTERVAL', 9999);将上述代码添加到主题的functions.php文件中,它将延长自动保存的间隔时间到

    16110

    『Excel进化岛精华曝光』 VSTO插件开发的撤销功能实现

    只要保证插件功能不破坏用户原有数据,就算错了,重来一次即可。不破坏原数据,其实最好的方案是用自定义函数实现,如果需要用按钮功能,只需要将生成的新数据写入到新工作表或新区域即可。...https://t.zsxq.com/0bLAZMgc0 上面的VSTO实现撤销功能,本质上是VSTO开放接口给外部VBA语言来调用,但如果使用ExcelDNA框架开发,并不需要这么麻烦,项目中还要带一个...xlam文件来实现撤销。...ExcelDNA除了开发自定义函数最有效,想开发撤销功能,直接在项目里写代码即可,OnAction的属性,可以直接调用ExcelDNA里的代码。...例如笔者在Excel催化剂插件中实现的一些鼠标右键功能,也是一个套路,这部分的功能,其实是在【自定义函数.xll】文件里开发完成的。

    72820
    领券