用Word干html编辑器，是不是很拉风

2012-09-06

用Word做html编辑器，是不是很拉风啊公司以前用过soaoffice做文档系统中的在线编辑，记得soaoffice有另存wor

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

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

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

    代码说明：
1.default页：编辑帖子，编辑完毕之后点“发帖”按钮就可以查看帖子效果了。下面是关键代码，执行了这些关键代码样式就跟普通的html编辑器一样了，当然你也可以不用隐藏这些功能。
SOAOfficeX.SOAOfficeCtrl SOACtrl = new SOAOfficeX.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");

<SCRIPT language="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文档的高度
<script type="text/javascript">
    function SetWinHeight(obj) {
        var win = obj;
        if (document.getElementById) {
            if (win && !window.opera) {
                if (win.contentDocument && win.contentDocument.body.offsetHeight)
                    win.height = win.contentDocument.body.offsetHeight;
                else if (win.Document && win.Document.body.scrollHeight)
                    win.height = win.Document.body.scrollHeight;
            }
        }
    }
</script>
在iframe onload的时候调用：
<iframe id="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

热点排行

CSS

用Word干html编辑器，是不是很拉风