XE

XE에서 레이아웃 편집 쉽게 하기

Posted 2010. 02. 22 Updated 2017. 06. 02 Views 14198 Replies 0
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

XE를 처음 설치하고 레이아웃을 편집할 때 상당한 애를 먹었습니다.

레이아웃을 편집할 때는 HTML템플릿을 직접 수정하여 바꾸는 방식인데, 관리자 페이지에서 편집을 하려면 다음 그림과 같은 불편한 에디터로 편집을 해야 하기 때문입니다.


 built-in editor.png
▲ XE에 관리자 페이지의 layout.html 편집창


여기에서 편집하는 HTML 파일은 files/faceOff/ 하위 디렉토리에 layout.html로 저장됩니다. 단, 하위 디렉토리는 110, 405 등과 같이 layout srl 번호 등을 조합한 숫자가 사용되기 때문에 이는 직접 찾아야 합니다.

Linux Shell  등으로 접속하여 grep 명령어를 활용하면, 편집해야 하는 layout.html 파일이 어디에 있는지 쉽게 찾아낼 수 있을 것입니다.

또는, 위쪽에 있는 '레이아웃 파일 저장소'에 이미지 파일 등을 업로드하면 경로가 표시되는데, 이를 통해 layout.html이 저장되는 경로를 알 수 있습니다.


file repository.png
▲ '레이아웃 파일 저장소'에 파일을 업로드하고 경로를 확인하는 모습


이 방법을 알게 된 뒤로는 layout.html 수정은 항상 SSH로 접속하여 Vim 에디터로 하곤 합니다. 색상으로 구문강조도 되고, Tab을 활용한 Indent도 편리하게 삽입할 수 있는 등 여러 모로 편리하기 때문입니다.


layout edit  by vim.png
▲ SSH를 통해 서버에 접속하여 layout.html 파일을 직접 수정하는 모습


TAG •