안녕하세요?
현제 홈페이지를 작업중인데요
페이지에 '내용 직접 추가' 로 위젯을 추가한 뒤,
에디터에서 html 직접 입력으로 모드를 바꾸고
페이지 소스를 직접 입력하고 저장을 누르면
내용이 변형되어서 나오는데 이건 왜 그런건가요?

그래서 다시 에디팅을 통해 소스 보기를 하면 내용이 바뀌어 있습니다.

예를들면 이렇습니다

- 원본소스의 일부분
.
.
.
.
    <div class="box-header">

     <h6>Tags</h6>

    </div><!-- end .box-header -->

                <img class="zbxe_widget_output" widget="tag_list" skin="default" colorset="layout" module_srls="724,50,957" />

   </div><!-- end .tags -->

   <img src="img/ad.gif" alt="ad" class="ad-bar" />
   <a href="#><img src="/img/image.png" alt="tf_300x250_v5" class="ad" /></a>

  </div><!-- end #sidebar -->

  <div class="clear"></div>

 </div><!-- end .container -->

</div><!-- end #content -->


- 저장 후 바뀌는 소스
.
.
.
.
<div class="box-header">
<h6>Tags</h6>
</div><!-- end .box-header -->

<img class="zbxe_widget_output"  editor_component="image_link" module_srls="724,50,957" colorset="layout" skin="default" widget="tag_list"/>
</div><!-- end .tags -->

<img class="ad-bar" alt="ad" src="img/ad.gif" editor_component="image_link"/>
<a href="#"><img class="ad" alt="tf_300x250_v5" src="/image/image.png" editor_component="image_link"/></a>

<div class="clear"></div><!-- end .container --></a></h6></div></div></div></div></div>



이와같이 bold 처리된 부분처럼 제가 쳐 넣은 소스의 순서가 바뀌고, 없던 소스가 생기며,
마지막 부분처럼 소스가 뒤에 더 붙어버리는 등 뒤죽박죽이 되어버려 결국에는 저장을 누른 뒤에는 아무것도 표현이 안됩니다.

왜 이런걸까요?

여러분들의 소중한 답변 기다리겠습니다.
감사합니다!