javascript开发css语法提示(CodeHints)功能

功能：

  模仿Dreamweaver CSS编辑时的代码提示和自动完成功能，在输入CSS代码输入过程中动态语法提示。

 

介绍：

   此示例是在线代码编辑器中css语法提示功能，项目中代码编辑器主要功能还包括代码着色。

   代码着色功能可参考： javascript开发代码高亮预研报告

 

   此示例一共包含两个文件，一个是演示用的html，还有一个是作为css语法库的xml文件，这个xml文件是从Dreamweaver安装目录下CodeHints.xml中提取的一部分，略有修改。

 

其他： 

  此示例中使用了Range对象，是Range对象的一个实际应用实例。

  Range对象相关操作可参考之前两篇：

  javascript Range对象跨浏览器常用操作(上)

  javascript Range对象跨浏览器常用操作(下)

 

完整示例在下载压缩文件中。