用Word做html编辑器,是不是很拉风啊

公司以前用过soaoffice做文档系统中的在线编辑,记得soaoffice有另存word文档为html的功能,今天忽然一想,那不是正好可以用做html编辑器吗,也许这个方法更好!!马上动手实验,结果感觉还是蛮不错的,下面先分享一下思路:

一个帖子对应一个word文件,想要编辑帖子的时候就编辑word文件,保存的时候同时另存为html文件,并且把html文件的路径保存在帖子的对应数据库记录的字段里。在用户查看帖子的时候把html文件的路径赋值给iframe,也就是说游客浏览帖子的时候就是用iframe加载贴子的html文件,因为这个html是word转的,所以格式还是很不错的。

代码说明:

1.default页:编辑帖子,编辑完毕之后点“发帖”按钮就可以查看帖子效果了。下面是关键代码,执行了这些关键代码样式就跟普通的html编辑器一样了,当然你也可以不用隐藏这些功能。

SOAOfficeX.SOAOfficeCtrlSOACtrl=newSOAOfficeX.SOAOfficeCtrl();

SOACtrl.ServerURL="soaservice/soaserv.aspx";

SOACtrl.SaveHtmlURL="savehtml.aspx";//必须的,由savehtml页负责保存html文件

SOACtrl.SaveDocURL="savedoc.aspx";

SOACtrl.Menubar=false;//隐藏菜单栏

SOACtrl.Titlebar=false;//隐藏标题栏

SOACtrl.WebOpen("doc/ttt.doc",SOAOfficeX.soaWorkMode.docNoRevision,"somebody","Word.Document");

<SCRIPTlanguage="JavaScript"event="OnDocumentOpened(str,obj)"for="SOAOfficeCtrl">

SOAOfficeCtrl.Document.Application.ActiveWindow.ActivePane.View.Type=6;//用web视图方式

SOAOfficeCtrl.Document.ActiveWindow.ActivePane.DisplayRulers=false;//隐藏word标尺

</SCRIPT>

2.view页:查看帖子

关键代码:SetWinHeight设置iframe自动的适应html文档的高度

<scripttype="text/javascript">

functionSetWinHeight(obj){

varwin=obj;

if(document.getElementById){

if(win&&!window.opera){

if(win.contentDocument&&win.contentDocument.body.offsetHeight)

win.height=win.contentDocument.body.offsetHeight;

elseif(win.Document&&win.Document.body.scrollHeight)

win.height=win.Document.body.scrollHeight;

}

}

}

</script>

在iframeonload的时候调用:

<iframeid="test"src="doc/ttt.htm"onload="Javascript:SetWinHeight(this)"width="100%"height="100%"frameborder=0>

</iframe>

优点:1.功能强,office的功能看工具条上的按钮就知道了,毕竟其他html编辑器都是仿照office样式的;2.防止sql注入,是另存html文件,sql注入就没有机会;3.使用简单,编辑word相信大家都不陌生。

代码下载:http://ishare.iask.sina.com.cn/f/10395070.html

相关推荐