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 相关文章推荐
JavaScript中的一些定位属性[图解]
Jul 14 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
javascript中的原型链深入理解
Feb 24 Javascript
javascript 回调函数详解
Nov 11 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
js代码实现随机颜色的小方块
Jul 30 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
javascript的几种继承方法介绍
Mar 22 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 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
收听困难?教您超简便短波广播抗干扰方法!
2021/03/01 无线电
PHP系统命令函数使用分析
2013/07/05 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
php数值转换时间及时间转换数值用法示例
2017/05/18 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
laravel框架使用极光推送消息操作示例
2020/02/15 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
纯JavaScript实现的分页插件实例
2015/07/14 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
js中的闭包学习心得
2018/02/06 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
2019/08/27 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
原生js实现分页效果
2020/09/23 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python基础之函数用法实例详解
2014/09/10 Python
python正则表达式中的括号匹配问题
2014/12/14 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
tensorflow2.0教程之Keras快速入门
2021/02/20 Python
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
Pretty Little Thing美国:时尚女性服饰
2018/08/27 全球购物
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
学前教育学生自荐信范文
2013/12/31 职场文书
好人好事事迹材料
2014/02/12 职场文书
绿色校园广播稿
2014/10/13 职场文书
居委会工作总结2015
2015/05/18 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript