alogblog's MTy plugins!

Requirement

MT 3.2

Features

• 720px 크기의 폭으로 왼쪽 메뉴를 없앴기에 디폴트 인터페이스에 비해 넓은 엔트리 생성 공간
• 인터페이스가 브라우져의 중간에 항상 위치.(디폴트의 경우 항상 좌측정렬 형태라 창을 최대로 키워도 입력공간은 좌로 치우쳐 나타나게 됩니다)
• 각종 메뉴 박스의 라운드처리
• 페이지 상단에 고정된 아이콘 메뉴바
• 메뉴로 바로 선택/적용 가능한 스타일(Classic, Peach, Sky 세 종류 제공)
• 블로그마다 다른 스타일 적용 가능
• 플러그인 비활성 명령을 통해 원 MT 인터페이스를 쉽게 다시 사용 가능

* 3.2.02 ~ 3.2.03 에 추가된 기능

• 저자의 사용언어를 한국어나 일본어,중국어로 선택할 경우에, 그 각각에 맞는 CSS파일을 사용해서 전체적인 디자인을 유지시켜줍니다.
• 또 영어와 한국어/일본어의 어순이 달라서, 그대로 사용할 경우에 부자연스런 몇몇 메뉴 어구를 도치해서 좀더 Localization을 이루도록 합니다.

다른 스크린샷 보기

Installation

압축파일을을 다운받은 후, (mt home) 폴더 바로 밑에서 $ tar xvfz alogblogMTinterface-3.2.03.tar.gz 같은 명령으로 풀어주면, 아래와 같은 폴더 구조 밑에 파일들이 자동 생성됩니다. 만약 telnet 등과 같은 터미널 환경을 사용할 수 없는 환경에서는 아래 폴더 구조대로 파일을 ftp로 업로드하면 됩니다.

• (mt home)/plugins/BigPAPI.pl
• (mt home)/plugins/alogblog/alogblogMTinterface.pl
• (mt home)/alt-tmpl/cms/*.tmpl
• (mt home)/mt-static/alogblog/*

How to use

별다르게 설정할 건 없습니다. 그냥 압축파일을 풀어 설치를 끝낸 후, 다시 엠티 메뉴 페이지 상에서 reload를 하면, 기본적으로 Classic 스타일이 적용되 나타날 것입니다. 좌측 상단의 스타일 선택 메뉴에서 다른 스타일(Peach, Sky)을 선택하면, 바로 적용이 됩니다.

플러그인 설정은 두 군데서 가능한데, 하나는 System Overview 섹션의 플러그인 목록에서이고 다른 하나는 개별 블로그의 설정-플러그인 목록에서 입니다. 만약 System Overview에서 설정하면, 그 설정은 시스템 인터페이스에만 적용됩니다. 개별 블로그의 플러그인 메뉴에서 설정하면, 해당 블로그에서만 적용됩니다.

Adding WYSIWYG Editor

EnhancedEntryEditing 라는 플러그인을 간단히 설치하면 TinyMCE 에디터를 사용할 수 있습니다.

제 플러그인과 EnhancedEntryEditing 플러그인이 기본상태에선 서로 충돌을 합니다. 몇몇 분들이 이의 해소를 요구하셔서 그 방안을 마련했습니다. 이 EEE 를 단독으로 사용할 경우엔 Firefox에서 깜빡거리는 원인불명의 문제가 좀 있는데, 이 alogblogMTinterface랑 사용할 경우에 그런 문제가 발생하지 않는군요.

EEE 와 alogblogMTinterface의 환상적인 결합을 원하시는 분은 아래 설명대로 EEE 를 수정을 해주십시면 됩니다.

Fig. EnhancedEntryEditing 플러그인이 결합된 모습

1.
먼저 (mt home)/plugins/Ajaxify/EnhancedEntryEditing.pl 파일을 엽니다.
"577" 을 찾은 후 이를 "622" 으로 변경합니다. (좀더 넓은 에디트창)

2.
그 파일의 아랫 부분에 위치한 "sub resizeable_textareas {" 를 찾아서 아래 굵게 표시된 내용을 추가해줍니다.

HTML
	$$template =~ s/$old/$new/;				
### Starting Point to Insert.

	$old = '<!-- alogblog#6s : add -->';
	$old = quotemeta($old);
	$new = '</div><!-- alogblog#6s : add -->';
	$$template =~ s/$old/$new/;
	$old = '<!-- alogblog#4s : add -->';
	$old = quotemeta($old);
	$new = '</div><!-- alogblog#4s : add -->';
	$$template =~ s/$old/$new/;

### Ending Point to Insert.
}
sub resizeable_textareas {
	my ($cb, $app, $template) = @_;

* 3. ~ 5. 사항은 선택적입니다.

3.
MS IE에선 "Increase/Decrease size" 메뉴가 제대로 작동하지 않았습니다.(EEE 자체의 문제) 만약 MS-IE에서 주로 사용하시면서 이 창 확대/축소 기능을 원할히 사용하고자 하신다면 아래 내용을 추가해 주십시요.

서브루틴 "resizeable_textareas"을 찾은 후, 아래 굵은 내용을 조심스레 추가해 주십시요.

parseInt(editor.height) + 75; tinyMCE.execCommand('mceRemoveControl', false, 'text_more'); tinyMCE.execCommand('mceAddControl', false, 'text_more');" title="Click to enlarge the Extended Entry
...

parseInt(editor.height) - 75; tinyMCE.execCommand('mceRemoveControl', false, 'text_more'); tinyMCE.execCommand('mceAddControl', false, 'text_more');" title="Click to decrease the Extended Entry
...

parseInt(editor.height) + 75; tinyMCE.execCommand('mceRemoveControl',false,'text'); tinyMCE.execCommand('mceAddControl',false,'text');" title="Click to enlarge the Entry Body
...

parseInt(editor.height) - 75; tinyMCE.execCommand('mceRemoveControl',false,'text'); tinyMCE.execCommand('mceAddControl',false,'text');" title="Click to decrease the Entry Body

4.
디폴트 EEE의 경우 에디터 박스 테두리에 회색 경계가 표시되고 메뉴와 경로표시에도 회색으로 표시가 됩니다. 이런 색상조합이 alogblogMTinterface의 둥근 테두리와 결합되면 조금 답답해 보였습니다. 만약 그렇게 느끼신다면 아래 내용을 간단히 수정해서 깔끔하게 바꿔 줄 수 있습니다. (위 스크린샷은 아래 내용 적용후의 모습입니다.)

(mt home)/ mt-static/ plugins/ Ajaxify/ tinymce/ jscripts/ tiny_mce/ themes/ advanced/ editor_ui.css 파일을 열고 아래 CSS 룰 몇가지를 수정합니다.

.mceEditor {
        background: white; /* #F0F0EE to white */
        border: 0px solid #cccccc; /* 1px to 0px*/
}
.mceEditorArea {
        font-family: "MS Sans Serif";
        background: #FFFFFF;
}
.mceToolbarTop, .mceToolbarBottom {
        background: white; /* #F0F0EE to white */
}

5.
TinyMCE 에디터 상의 디폴트 폰트의 크기나 종류가 맘에 들지 않는다면, 위 파일과 같은 폴더 아래에 있는editor_content.css 파일 내에서 커스터마이즈해 주면 됩니다.

Credits

Thanks, Kevin Shay. His BigPAPI made it possible to be switchable interface.
Thanks, Alessandro Fulciniti. Round cornered box is from his NiftyCorners.
Thanks, MT4989. Some information on Japanese environment did I get from him.
Thanks, ThinkJam. Some information on Chinese environment did I get from him.

License

Relased under the Creative Commons License.

Version History

• 3.2.03: 중국어에 대한 지원
• 3.2.02: 한국어/일본어에 대한 지원
• 3.2.01: for MT 3.2
• 1.0 : Initial but not released, for MT3.17

* 이 플러그인을 혹시라도 사용하시는 분은 많은 선전(?) 부탁 드립니다.