页面编辑器开发

  本来昨天下午已经把这个页面编辑器做完了的。昨晚就给文件夹压缩了一下,今天早晨起来发现文件夹里的东西全没了。打包的压缩文件也是空的。瞬间感觉脑袋晕晕的,昨天的工作成果竟然没有了。于是下定决心,要给自己建一个版本库,把代码传到服务器上面去。以免悲剧重演。

  其实开发编辑器也没什么好说的,我写这篇博客主要是记录我开发的过程,和在开发过程中遇到的难点。

  除了textarea外,想在div中进行编辑需要使用contentEditable = "true"。如果是在iframe下进行编辑,需要用designMode="on"。我做的是使用iframe。

  页面编辑器用到的主要方法是document.execCommand();具体的使用方法在网上有很多。

  就这么多了。具体的例子看代码吧。写了不少注释。

  地址:https://github.com/zhenchaozhu/Editor.

posted on 2012-06-20 11:05  TonyCoolZhu  阅读(257)  评论(0编辑  收藏  举报

导航