Login | Join | OpenID | RSS Feed
Xquared 소스 에디터 크기 지정하는 방법
최광용 Lv. 15 llllllllll 
1521 hit since 2007/11/13 15:56

얼마 전, Xquared에 HTML 소스 에디트 기능이 추가되었다. 그런데 전과는 달리 CSS로 크기를 지정하게 되어있어서 동적으로 크기 할당하는 방법을 찾아보았다.

  1. xed.getFrame().style.width = "100%";
    xed.getFrame().style.height = g_height;

이전 버전에선 예제 파일에 위와 같이 크기를 조정하는 코드가 있었다. 넓이는 상위 DIV에서 고정을 하고 height는 동적으로 생성한다. 물론 지금도 이 코드가 적용이 되는데, 문제는 WYSIWYG editor에만 적용이 되어 소스/WYSIWYG 모드를 전환하면 폼의 크기가 맞지 않아서 보기에 굉장히 거슬린다. CSS로 height를 고정해도 된다면야 문제가 없지만 동적으로 생성하려니 크기 조정이 필요했다.

소스 에디터의 크기를 변경하려면 다음의 코드를 추가하면 된다.

  1. // set height of src editor
    xed.sourceEditorTextarea.style.height = g_height;