html 형식으로 보이기(word,excel,ppt) 총결산

1. word편.
사고방식: 단어를 직접 이용한다.응용 프로그램이 제공하는 방법은word를 html 형식으로 저장하지만 조판은 오차 현상이 발생할 수 있습니다(용기 폭을 잠시 정하면 해결할 수 있습니다. 게으름피우기).

<script type="text/javascript">

function saveword(){

    try{

var WordApp=new ActiveXObject("Word.Application");

        

    }

    catch(e){alert("failed!!");}

WordApp.visible=false;

try{

var Document=WordApp.Documents.Open("F://test.doc");

alert(WordApp.width);

}

        

catch(e){WordApp.Quit();alert(e);}

try{

Document.SaveAs("F://website//mytestwebsite//test//test.html",8);

}

catch(e){WordApp.Quit();alert(e);}

Document.close();

WordApp.Quit();

}

</script>

 
2. ppt편.
사고방식: 여전히 파워포인트를 이용한다.응용 프로그램이 제공하는 방법은 ppt를 png 형식으로 지정한 임시 폴더로 내보낸 다음 jquery 그림을 통해 플러그인을 보여 줍니다.

<script type="text/javascript">

var num;

function pptOpen(file)

{

    try{

            var fso = new ActiveXObject("Scripting.FileSystemObject");

            }

            catch(ex){

                alert("fso bad!!");

                ppt.quit();

            }

            try{

                if(!fso.FolderExists("F:\\website\\mytestwebsite\\temps"))

                {

                    alert("folder not exists");

                    fso.CreateFolder("F:\\website\\mytestwebsite\\temps");

                }

            }

            catch(ex){

                alert("folder bad!!");

                fso.close();

                //ppt.quit();

            }

            //fso.close();

    try{

            var ppt = new ActiveXObject("PowerPoint.Application");

        }

        catch(ex){

                alert("create bad!!");

                ppt.quit();

            }

            //ppt.visible = true;

    try{        

            var pre = ppt.Presentations.open(file,false,false,false);

            }

        catch(ex){

                alert("open"+file+" bad!!");

                ppt.quit();

            }

            num = pre.Slides.Count;

            //alert(num);

                

        try{

                pre.Export("F:\\website\\mytestwebsite\\temps","png");

            }

        catch(ex){

                alert("Export bad!!");

                pre.close();

                ppt.quit();

            }

    pre.close();    

    ppt.quit();

    aa();

        

}

    

function ss(){

    $("<div></div>").attr("id","menu").appendTo("#she");

    $("<ul></ul>").attr("id","xx").appendTo("#menu");

    $("<div></div>").attr("id","con").addClass("con").appendTo("#she");

    for(var x=1;x<=num;x++)

    {

        $("#xx").append($("<li>"+x+" </li>").attr({"id":"lii"+x}));

        $("<div></div>").attr("id","sheet"+x).appendTo("#con");

        $("<img></img>").attr("src","temps/ "+x+".PNG").appendTo("#sheet"+x);

        }  

    //$("#tab").tabs();

        

    function tabit(ul,css,div){

         $(div).children().hide();

         $(div).each(function(){

            $(this).children().eq(0).show();

            });

         $(ul).each(function(){

           $(this).children().eq(0).addClass(css);

            });

         $(ul).children().hover(function(){

            $(this).addClass(css).siblings().removeClass(css);

             var index = $(ul).children().index(this);

             $(div).children().eq(index).show().siblings().hide();

        });

    }

    tabit("#xx","active","#con");

    }

    function aa()

    {

        $("<div></div>").attr("id","menu").appendTo("#she");

        $("<button> </button>").attr("id","prev").appendTo("#menu");

        $("<button> </button>").attr("id","next").appendTo("#menu");

        $("<div></div>").attr("id","con").addClass("con").appendTo("#she");

        for(var x=1;x<=num;x++)

        {

            $("<div></div>").attr("id","sheet"+x).appendTo("#con");

            $("<img></img>").attr("src","temps/ "+x+".PNG").appendTo("#sheet"+x);

        }

            

        function tabit(div){

             $(div).children().hide();

             $(div).each(function(){

                $(this).children().eq(0).show();

                });

                var index = 0;

             $("#prev").click(function(){

                 //var index = 0;

                 $(div).children().eq(--index).fadeIn().siblings().hide();

                 //index--;

                 if(index==-1)

                 {

                    //alert(" ");

                    index=$(div).children().size()-1;

                }

            });

            $("#next").click(function(){

                 //var index = 0;

                 $(div).children().eq(++index).fadeIn().siblings().hide();

                 //index++;

                 if(index==$(div).children().size()-1)

                 {

                    //alert(" "); 

                    index=-1;

                 }

            });

        }

        tabit("#con")       

    }

</script>

 
 
3. css 코드는 다음과 같습니다.
 

<style type="text/css">

li {

    border : 1px solid #C4C2C2;

    color: #466BAE;

    cursor: pointer;

    float: left;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 50px;

    text-decoration: none;

    list-style-type: none;

    margin:0px;

}

ul {

    margin:2px;

}

.active {

  background: #fff;

  font-weight:600;

  border-bottom:2px solid #8db2e3;

}

.hide{

    display:none;

}

.red{

    background-color:#F00;

}

.con{

    width:720px;

    min-width:450px;

    min-height:300px;

    overflow:hidden;

    border: solid 1px #CCCCCC;

    margin:5px auto;

}

</style>

여기는 플러그인으로 표시되지 않고 jquery로 그림을 훑어봅니다.효과도 별로 안 좋아요.기능은 그런대로 다 된 거지.ppt에서 내보낸 그림의 기본 이름은 연속 번호이기 때문에 쉽게 읽을 수 있습니다.
ppt 미리보기가 끝나면 임시 폴더를 삭제하면 됩니다.