在 HTML 页面中加入批注

简介：
本文介绍了如何在HTML页面中有效地添加和使用批注来提高代码的可读性和便于团队协作。 最近在做一个学校的XXX系统项目，其中有一个需求是添加类似Word文档中的批注功能：选中一段文字后，在页面上增加额外的信息。起初我们的方案是在数据库中标记出所选文本的起始位置，并通过客户端JavaScript代码进行合并显示；但实践过程中发现这种方法过于繁琐复杂。于是我们决定采用另一种方法，即在选定的文字两端添加自定义标记，并将批注内容保存为这些标签属性的一部分。 有了这个想法后，开始着手制作一个演示版本（Demo）。最初尝试的是开发CKEditor插件来实现该功能，查阅了一整天的API和源代码之后发现写这样的插件非常复杂。放弃这一方案后，我们决定自己编写一个用于添加批注的小工具。在完成部分工作时发现了国内的一个强大HTML编辑器KindEditor，并且只需几行代码就解决了问题。