本来昨天下午已经把这个页面编辑器做完了的。昨晚就给文件夹压缩了一下,今天早晨起来发现文件夹里的东西全没了。打包的压缩文件也是空的。瞬间感觉脑袋晕晕的,昨天的工作成果竟然没有了。于是下定决心,要给自己建一个版本库,把代码传到服务器上面去。以免悲剧重演。
其实开发编辑器也没什么好说的,我写这篇博客主要是记录我开发的过程,和在开发过程中遇到的难点。
除了textarea外,想在div中进行编辑需要使用contentEditable = "true"。如果是在iframe下进行编辑,需要用designMode="on"。我做的是使用iframe。
页面编辑器用到的主要方法是document.execCommand();具体的使用方法在网上有很多。
就这么多了。具体的例子看代码吧。写了不少注释。