HTC,全称为HTML Component,提供了在网页中用脚本进行组件开发的机制。下面的代码,在页面中嵌入一个html编辑器,只需要几行代码,只因为使用了一个预先定义好的html编辑组件。html编辑组件定义在文件"htmleditor.htc"中,使用的是javascript脚本。这个组件来自于一个免费软件:书包行CuteIE(一款用浏览器形式实现的多功能、可无限扩充的个人信息助理软件),如果程序安装在D盘的话,那么这个组件文件的路径是D:\Program Files\CuteIE\System\inc\cuteie_client\1_0\htmleditor.htc。
如果要将此组件使用在自己的网站中,只需要将组件文件htmleditor.htc和图片目录images放置到自己的网站目录下,然后修改下面代码中的相关路径指向(如IMPLEMENTATION、SystemImagesPath)即可。
<?XML:NAMESPACE PREFIX=HENS />
<?IMPORT NAMESPACE=HENS IMPLEMENTATION="/inc/cuteie_client/1_0/htmleditor.htc"/>
<hens:htmleditor id="htmleditor1" SystemImagesPath="/inc/cuteie_client/1_0/images/" width=100% height=400></hens:htmleditor>
<script language=javascript>
//提取html编辑器的内容,只需要以下代码即可。
var oContent=htmleditor1.content;
</script>
相关资源:
书包行CuteIE下载地址:http://www.cuteie.com/CuteIESetup.exe
官方网站:http://www.cuteie.com/
由于htmleditor.htc代码比较长,下面仅摘录组件的属性、事件定义部分。
<public:component tagname=htmleditor literalcontent=true>
<public:attach event=oncontentready onevent="oncontentready()" />
<public:property name="systemImagesPath" id="_hepropSystemImagesPath" GET="getSystemImagesPath" PUT="setSystemImagesPath"/>
<public:property name="content" id="_hepropContent" GET="getContent" PUT="setContent"/>
<public:property name="contentType" id="_hepropContentType" GET="getContentType" PUT="setContentType"/>
<public:event name="onblur" id="_heevtBlur"/>
</public:component>