alogblog's MTy plugins

* Added featues in 3.2.02 ~ 3.2.03

• If an author select Korean or Japanese or Chinese as her/his preferred language, then CSS files customized to each language environments are used. (That font size is a little bigger than Latin fonts. And some MT lexicon's order is switched.)


• More localization. Under Korean/Japanese language, some MT menu phrases are modified to follow natural order of words, eg. "Search Entries".

View other screenshots in flickr.

Installation

Download this plugin and run a command like $ tar xvfz alogblogMTinterface-3.2.03.tar.gz under (mt home) folder then below folders and files will be created.

• (mt home)/plugins/BigPAPI.pl


• (mt home)/plugins/alogblog/alogblogMTinterface.pl


• (mt home)/alt-tmpl/cms/*.tmpl


• (mt home)/mt-static/alogblog/*

* plugins/BigPAPI.pl version 1.03 included. If BigPAPI is updated, you can get or check it here.

How to use

It's very simple. Just install and reload page, then Classic style will be applied by default. You can switch into other styles by selecting top-right combo menu. Classic(the same color scheme as the original), Peach, Sky styles you can select.

Plugin setting can take place in two menus. One is in System overview's plugin setting. The other is in weblog's configuration menu. If you set some style, or restore MT original interface in System overview, this setting will be applied only to System/Main Menu interface(not to all blogs). If you do in weblog's configuration menu, only to each blog's menu interface. It might be a liitle confusing.

Adding WYSIWYG Editor

Get and install EnhancedEntryEditing plugin which enables you to use TinyMCE editor very easily.

My plugin and EnhancedEntryEditing plugin collides, so Edit Entry page will be shown disordered. But one unintended advantage is that in Firefox some flickering with default MT interface when typing doesn't occur.

If you want to use EEE with alogblogMTinterface, please follow my instructions.

Fig. Combined with EnhancedEntryEditing plugin.

1.
Open (mt home)/plugins/Ajaxify/EnhancedEntryEditing.pl file.
Find "577" and replace it with "622". (a little wider editing box.)

2.
Find "sub resizeable_textareas {" located at the bottom of the file.
And then add some lines as below.

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. are optional

3.
In MS IE, "Increase/Decrease size" menu didn't work as purposedly like in Firefox. If you are using MS IE and want to use that menu rightly, you have to modify as below.

In subroutine "resizeable_textareas", add below bold phrases carefully.

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.
Defaut EEE uses TinyMCE's advanced theme which uses gray color in border and background. In MT's default interface, this color schem seems looking good. However with my alogblogMTinterface, Entry Body and Extended Entry both use round borders, so I felt editing boxes seem to be a little densly packed. If you feel like me, you can improve look-and-feel of editing boxes. ( Above screenshot is the result of this modification. )

Open (mt home)/ mt-static/ plugins/ Ajaxify/ tinymce/ jscripts/ tiny_mce/ themes/ advanced/ editor_ui.css file, and modify some CSS rules as below.

.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.
If default TinyMCE's font family and size in editing box are not good for you, you can customize it n editor_content.css file under same folder easily.

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: Chinese CSS version added. / Error "Can't call method "preferred_language"..." fixed, thanks dusl for reporting it.
• 3.2.02: Korean/Japanese CSS version added.
• 3.2.01: for MT 3.2
• 1.0 : Initial but not released, for MT3.17

Do me a favor

If you use AND like it, please post an entry about this. I know this is a little clumsy, but want as many MT users as possible have an opportunity for experiencing it whether they adapt it or not.