功能:
模仿Dreamweaver CSS编辑时的代码提示和自动完成功能,在输入CSS代码输入过程中动态语法提示。
介绍:
此示例是在线代码编辑器中css语法提示功能,项目中代码编辑器主要功能还包括代码着色。
代码着色功能可参考: javascript开发代码高亮预研报告
此示例一共包含两个文件,一个是演示用的html,还有一个是作为css语法库的xml文件,这个xml文件是从Dreamweaver安装目录下CodeHints.xml中提取的一部分,略有修改。
其他:
此示例中使用了Range对象,是Range对象的一个实际应用实例。
Range对象相关操作可参考之前两篇:
完整示例在下载压缩文件中。