允许向网页添加脚注的库

Question

我想添加我的网络应用程序功能，以便为页面中的特定单词添加注释。类似于LaTex的脚注。

我想到的用户界面是，当鼠标悬停在它上面时（或突出显示后的空格），每个单词都会突出显示，当用户点击时，会在附近弹出一个用于输入注释的文本框。放置评论会出现。用户输入评论后，网页上的这个单词后面会显示一个小数字，其他用户可以点击这个数字并显示评论。

我想到的架构是一个客户端javascript程序，可以处理view。 model和controller将在服务器上。他们会以一些类似纺织品的格式（比如StackOverflow的问题格式）保存文档，并且只会验证权限（即只允许用户将[1]（用户名）...添加到文档正文中 ）。

这是我想到的架构和UI，但我愿意接受新的建议。

是否有类似的组件可用？

Answer 1

我一直在开发具有类似功能的产品。我使用jQuery作为主要框架并构建它。 1.选择文字以添加一些脚注。 2.单击气泡以显示输入注释的对话框。 3.突出显示评论的文本。鼠标悬停在以显示带注释的对话框窗口   之前输入，鼠标悬停关闭对话窗口。 （pics here） 它现在并不完美，我正在尝试用JSP（也许是。现在是coldfusion）来创建一个插件（javascript代码）。

Answer 2

我发现的最好的事情是wordpress的digress插件，允许基于段落的评论。