DEXT5 Editor :: getBodyValueExLikeDiv

string getBodyValueExLikeDiv(editor_id)

에디터 디자인 영역의 HTML 소스에서 <body> 부터 </body>까지의 소스를 div태그로 가져옵니다.
디자인 영역의 배경화면을 div에 적용시킬 때 유용합니다.
작성한 글을 보여주는 부분이 div 태그일 때 유용합니다.
(이 함수를 사용하시려면 Editor에 글을 적용할 때 setBodyValueExLikeDiv 함수를 사용해야 합니다.)

return value

에디터 디자인 영역의 body 태그를 div 태그로 리턴합니다.

parameters

editor_id  소스를 가져올 에디터의 id를 의미합니다.

remarks

에디터를 1개만 생성했을 경우 parameter를 입력하지 않아도 body 태그 소스를 div로 가져올 수 있습니다.
예) id가 editor1인 에디터를 생성했을 경우
     DEXT5.getBodyValueExLikeDiv('editor1'), DEXT5.getBodyValueExLikeDiv()
     모두 editor1 에디터 디자인 영역의 body 태그 소스를 div 태그로 가져옵니다.

에디터를 2개 이상 생성했을 경우 parameter를 반드시 입력해야 합니다.
예) id가 editor1, editor2인 에디터를 생성했을 경우
     DEXT5.getBodyValueExLikeDiv('editor1')  editor1 에디터 디자인 영역의 body 태그를 div태그로 가져옵니다.
     DEXT5.getBodyValueExLikeDiv('editor2')  editor2 에디터 디자인 영역의 body 태그를 div태그로 가져옵니다.

sample code

<!-- ..... 생략 ..... -->

<script type="text/javascript" src="dext5/js/dext5editor.js"></script>
<script type="text/javascript">

    function getValue() {
        if (DEXT5.isEmpty()) {
            //에디터에 입력 내용이 없을 경우 경고창을 띄워주고 빠져나옵니다.
            alert('내용을 입력하세요.');
            return;
        } else {
            //에디터에서 작성된 내용이 id가 div_view인 div에 나타납니다.
            document.getElementById('div_view').innerHTML = DEXT5.getBodyValueExLikeDiv();
        }
    }

</script>

<!-- ..... 생략 ..... -->       

<div style="width:900px;height:550px">

    <!-- 에디터 생성 -->
    <script type="text/javascript">
        new Dext5editor('editor1');
    </script>

<div>
 
<!-- 에디터에서 작성된 내용을 담을 div -->
<div id="div_view"></div>
        
<input type="button" value="getBodyValueExLikeDiv" onclick="javascript:getValue()" />

<!-- ..... 생략 ..... -->       

</body>
</html>