在轨道上打印东西(字面意思是对打印机)
Printing stuff in rails (literally to a printer)
我想知道Rails中是否有任何库或gem可用于打印网页内容,比如通过打印机打印到纸上。我还想知道是否有任何方法可以指定只打印页面的特定部分(例如div或其他什么)?任何指导、建议或教程链接都将不胜感激!
编辑
因此,我尝试创建一个样式表,它将创建一个打印友好的视图,我们称之为"print.css":
div.transpose-keys, div#editSong, div#navigation, div#debug{
display: none;
}
我想知道是否有什么方法可以让我只在应用程序启动打印操作时应用它?以便在单击以下链接时应用程序在打印之前应用上面的css?这是我嵌入的ruby html:中的链接
<%= link_to "PRINT", '#', onclick: "printpage()" %>
最后是我的javascript调用打印函数:
function printpage()
{
window.print()
}
如果按以下添加print.css
<link rel="stylesheet" type="text/css" media="print" href="print.css">
并且使用浏览器打印对话框,它应该根据打印中的样式自动格式化页面。css
我通过使用这个简单的解决方案解决了我的问题:
print.css:
@media print {
div.info, div#editStuff, div#navigation, div#debug {
display: none;
}
}
@media标签确保这些不会显示在打印版本中
application.js:
function printpage()
{
window.print()
}
show.html.erb:
<%= link_to "PRINT", '#', onclick: "printpage()" %>
我相信这样做的方法通常是打开一个"打印机友好"窗口,上面只有所需的信息,用户可以从那里通过web浏览器打印。您可以通过在该窗口中添加一些javascript来使其更加用户友好:
window.print();
<script type="text/javascript">
function PrintDiv() {
var divToPrint = document.getElementById('divToPrint');
var popupWin = window.open('', '_blank', 'width=300,height=300');
popupWin.document.open();
popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
popupWin.document.close();
}
</script>
<%= image_tag("print.jpg", :width=>50, :height=>30, :onclick=>"PrintDiv();", :class=>'btn') %>
我使用wkhtmltopdf,http://code.google.com/p/wkhtmltopdf/和PDFKit,http://railscasts.com/episodes/220-pdfkit.
RailsCast将有一个完整的示例,而wkhtmltopdf是一个获取并输出PDF文档的机架实用程序。
相关文章:
- 什么'它的意思是当一个变量位于括号外时
- 什么意思是“;向原型添加方法”;
- 什么是“;传递给NewPromiseCapability的非构造函数值“;意思是
- 什么是“;(''+元素+'')“;意思是
- 意思是.js - 登录后重定向用户 - 在本地工作,但在部署时不起作用
- 意思是.JS中间件中的猫鼬填充不起作用
- 究竟是什么'提供静态文件'意思是
- 什么是“;用户:某事;意思是在javascript onclick事件中
- 什么是“;Promise在事件循环的同一个循环上点火“;意思是
- 在 javaScript 中定义函数之前,什么意思是“一个单词:”
- 在轨道上打印东西(字面意思是对打印机)
- 意思是.js AngularJS 菜单服务为页面分配角色
- 什么意思是“服务器标签格式不正确”,这个按钮会发生什么
- $(function () { } in javascript/Jquery 中的意思是什么
- 什么是“;php://input"意思是
- 什么是'这'意思是javascript函数内部
- 必应地图,查找多个地理代码搜索结果(你的意思是:功能)
- 什么起作用;(函数(global,$,_){}(app,jQuery,_));意思是
- 什么是“;卷曲;意思是
- JavaScript返回值:What dos<>意思是