之前发了相关的(http://q.cnblogs.com/q/61153/) 然后做了一个简单版的chrome extension, 因为使用了Annotator这个library,老师说不行。
 
现在需要重新开发一个web based的版本。
我现在大概是想这样实现, 不知道能不能行?
1.用户输入URL, 用PHP把网站下载到服务器上,把网站的css和js的相对路径转换为绝对路径, 得到单一html文件。
2.在html文件插入自己写的js文件,
  这个js文件主要功能是:当用户选择某段文字时,出现浮动按钮在该字段旁边,当按这按钮prompt出输入框让用户输入需要注释的文字,然后用HTML 5的新 tag把字段包起来 < title="用户输入的注释文字">需要注释的字段</>。这样可以得到文字高亮效果和当鼠标hover时可以显示title里的文字。
3.显示该html给用户并让用户注释, 现在的主要问题是,我不知道怎么样让用户注释完之后把注释完的html文件再次保存回去服务器并覆盖之前的html文件,这样用户下次打开这个html的时候可以看到之前的注释。(不知道AJAX能不能实现这样的功能,不熟悉)
 
老师说可以用.net 或php, 大神们有什么相关的库能对这个有帮助的也请告知,例如把网站下载到服务器并将相对路径转绝对路径。
 
求大神们给给思路, 现在只剩下三个星期了。

解决方案 »

  1.   

    3.显示该html给用户并让用户注释, 现在的主要问题是,我不知道怎么样让用户注释完之后把注释完的html文件再次保存回去服务器并覆盖之前的html文件,这样用户下次打开这个html的时候可以看到之前的注释。(不知道AJAX能不能实现这样的功能,不熟悉)
    你說對了,確實是用ajax能做,並且只能用ajax來做.
      

  2.   

    1、抓取指定网页的JS、CSS、HTML文件,保存在指定的文件夹中。
    2、让用户在保存下来的文件夹中,找到自己要编辑的HTML文件。
    3、将指定的HTML文件内容,读取到内存中
    4、进行在线编辑(找插件或者自己写)
    5、将原HTML文件内容清空。
    6、将编辑后的(内存)内容,写入HTML文件中。当然你也可以利用数据库去存储和操作,日后功能可以更好拓展!