Javascript实例教程(19) 使用HoTMetal(1)


Posted in Javascript onDecember 23, 2006

HotMetal PRO 6.0是强大易用的网站编辑和发布工具。在本教程中我们在HotMetal中使用javascript。在HotMetal中,JavaScript支持是基于HotMetal为你提供了丰富的资源以及对象。它包含了几个新的对象,比如访问DOM的对象。另外,HotMetal支持一些ActiveX控件。这些控件以及Windows脚本支持使得HotMetal成为了JavaScript设计人员一个不可多的功能强大的开发环境。

在本节教程中,你将可以学到:

怎样为按钮增加连接宏;

怎样为菜单条增加按钮;

什么样的资源适合于脚本编写;

怎样编写文档格式的脚本;

怎样编写脚本来检查上次修改的日期;

怎样编写一个保存模块脚本;

怎样识别所有的预定义的宏;

好吧,下页开始就逐个介绍。

HoTMetal中使用Javascript

1.怎样为按钮增加连接宏:

HotMetal通过宏可以支持脚本。宏可以利用工具条按钮和其它方式来进行调用,这点我们在后面的教程中将会涉及到。所有的HotMetal的宏应该存储在一个单一的文件中,比如hotmetal.mcr。这个文件是在宏文件夹SoftQuad\HotMetal PRO 6.0中。假如你已经安装了HoTMetal PRO 6.0在缺省的目录C盘下,那么你的宏文件就处在C:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Macros\hotmetal.mcr中。这里要注意的是文件的扩展名为.mcr,但是它不能在HoTMetal的环境中进行编辑。你可以使用任何的文本编辑器对它进行编辑,比如Notepad等等。HotMetal PRO 6.0安装的时候为用户安装了大约20个的预定义的宏。你可以通过hotmetl.mcr文件来浏览它们。你也可以通过选择工具菜单上的Macros(宏)来找到它们。

其中一种允许宏的方法是创建一个工具条按钮并使它于宏连接上。点击按钮就触发了在宏定义了的脚本的执行。当你从试图菜单中选择了工具条,你就会看到如图1的对话框。

Javascript实例教程(19) 使用HoTMetal(1)

(图1)

图中第一个标签(Toolbars,工具条)可以让你增加、删除以及操作工具条。因为我们不想改变任何的工具条,所以这个标签现在我们暂时不使用。点击按钮(Buttons)标签,并从分类栏中选择” Application Macros(应用宏)”,这里注意新的文本对话框就会出现在右边,如图2所示:

Javascript实例教程(19) 使用HoTMetal(1)

(图2)

在列表框中的第一个宏是” Apply Layout to Document.”。让我们为它安装一个按钮到标准工具条上。
首先,为按钮选择一张图片。当你点击选择图片按钮的时候,你将可以从许多调色板中选择一张图片。一旦你点击了其中一张,你将可以得到如图3的窗口:

Javascript实例教程(19) 使用HoTMetal(1)

(图3)

在本例子中选择一个黄色的笑脸的图片,如图4所示:

Javascript实例教程(19) 使用HoTMetal(1)

(图4)

现在拖拉这个笑脸的图标到标准的工具条中,或者其它的工具条。关闭工具条和菜单定制对话框。这是新的按钮就会出现在标准的工具条中或者其它你选择的工具条。下面是扩展了的标准工具条视图,如图5所示:

Javascript实例教程(19) 使用HoTMetal(1)

(图5)

现在让我们试一试这个宏吧。首先打开一个HTML文件,为简单起见,这里选择D:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Tutorial\samples\lesson1中的about.htm。点击HoTMetaL PRO 6.0's HTML Source View标签,并且在它们前面以空格填充向右移动,然后点击中那个笑脸按钮。这是源程序就会自动改变以反应在定制对话框中描述的版面定义。这时你将看到源泉代码返回到它的原版面格式。

Javascript 相关文章推荐
把input初始值不写value的具体实现方法
Jul 04 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
Mar 08 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
js实现倒计时关键代码
May 05 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
js canvas画布实现高斯模糊效果
Nov 27 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
Apr 08 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
js 实现验证码输入框示例详解
Sep 23 Javascript
用于自动添加Digg This!按钮的JavaScript
Dec 23 #Javascript
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 #Javascript
获取Javscript执行函数名称的方法
Dec 22 #Javascript
在Javascript中定义对象类别
Dec 22 #Javascript
枚举JavaScript对象的函数
Dec 22 #Javascript
JavaScript使用prototype定义对象类型(转)[
Dec 22 #Javascript
拖动Html元素集合 Drag and Drop any item
Dec 22 #Javascript
You might like
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
PHP+Mysql基于事务处理实现转账功能的方法
2015/07/08 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
jQuery简单倒计时效果完整示例
2016/09/20 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
[05:56]第十六期——新进3大C之小兔基
2014/06/24 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
python入门基础之用户输入与模块初认识
2016/11/14 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
pandas string转dataframe的方法
2018/04/11 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
django-初始配置(纯手写)详解
2019/07/30 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
移动端html5判断是否滚动到底部并且下拉加载
2019/11/19 HTML / CSS
Omio意大利:全欧洲低价大巴、火车和航班搜索和比价
2017/12/02 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
Linux机考试题
2015/07/17 面试题
应届大学生求职信
2014/07/20 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
Java并发编程必备之Future机制
2021/06/30 Java/Android