如何实现HTML的打印和预览

如何实现HTML的打印和预览,第1张

<HTML><HEAD><TITLE>打印-页面设置-打印预览-关闭窗口</TITLE>

<SCRIPT language=javascript>

function printsetup()

{

// 打印页面设置

wb.execwb(8,1)

}

function printpreview()

{

var ht1 = document.getElementByIdx_x("h")

ht1.style.display="none"//隐藏不必打印的部分,该隐藏只在预览中有效,真正打印时要用css控制

wb.execwb(7,1)// 打印页面预览

ht1.style.display="" //预览完再将隐藏的部分显示出来

}

function printit()

{

 if (confirm('确定打印吗?'))

{

wb.execwb(6,6)

}

}

</script>

<style type="text/css" media=print>

.noprint{display : none } //不打印

</style>

</HEAD>

<BODY>

<!-- div h 中的内容不打印 -->

<DIV id="h" align=center class="noprint">

<OBJECT id=wb height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>

<INPUT onclick=javascript:printit() type=button value=打印 />

<INPUT onclick=javascript:printsetup()type=button value=打印页面设置 />

<INPUT onclick=javascript:printpreview()type=button value=打印预览 />

<INPUT onclick=javascript:window.close()type=button value=关闭 />

</DIV>

要打印的正文

</BODY>

</HTML>

安装Markdown Preview 插件

输入 Shift + Ctrl + P,输入pcip(也可以点击 Preferences -->选择 Package Control: ,然后输入install),然后在插件库中分别选择安装Markdown Preview;

自定义快捷键

直接在浏览器中预览效果的话,可以自定义快捷键:点击 Preferences -->选择 Key Bindings User,输入:

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} },

保存后,直接输入快捷键:Alt + M 就可以直接在浏览器中预览生成的HTML文件了。

编辑Markdown文件

按Ctrl + N 新建一个文档按Ctrl + Shift + P使用Markdown语法编辑文档语法高亮,输入ssm 后回车(Set Syntax: Markdown)

编写完保存以.md为后缀的文件。

使用 Markdown Preview在浏览器中预览

1、直接输入快捷键:Alt + M 就可以直接在浏览器中预览生成的HTML文件了。

2、按Ctrl + Shift + P使用浏览器中预览,输入markdown preview后回车(Markdown Preview: preview in browser),就可以在浏览器里看到刚才编辑的文档了;

使用 Markdown Preview 生成 HTML

按Ctrl + Shift + P使用浏览器中预览,输入markdown preview后,选择save to html 回车,然后选择markdown会在当前目录下生成同名的html文件;

首先预览的地址是

http://htmlpreview.github.io/点开是一个输入框

找到一个git上的html文件复制它的路径

输入到上面的网页的框中执行请求即可预览html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6271242.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存