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 相关文章推荐
用jquery写的一个万年历(自写)
Jan 20 Javascript
一个检测表单数据的JavaScript实例
Oct 31 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
Apr 21 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 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
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
Ajax实时验证用户名/邮箱等是否已经存在的代码打包
2011/12/01 PHP
实例解析php的数据类型
2018/10/24 PHP
RSA实现JS前端加密与PHP后端解密功能示例
2019/08/05 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
EXT中xtype的含义分析
2010/01/07 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
JavaScript模拟数组合并concat
2016/03/06 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
js实现鼠标点击飘爱心效果
2020/08/19 Javascript
[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡
2014/06/11 DOTA
Python竟能画这么漂亮的花,帅呆了(代码分享)
2017/11/15 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
Python assert语句的简单使用示例
2019/07/28 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
python3中for循环踩过的坑记录
2020/12/14 Python
德国网上宠物店:Zoobio
2018/05/23 全球购物
C语言50道问题
2014/10/23 面试题
警校毕业生自我评价
2014/04/06 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
Python实现单例模式的5种方法
2021/06/15 Python
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技