日本語版同梱のTinyMCEプラグインを独立配布します

プログラム(機能)関連の開発の話題
返信する
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downlo ... mce_ex.zip

日本語版同梱のTinyMCEプラグインを独立配布します。すでにリリースされているEvo日本語版同梱のものより新しいです。

同梱の拡張の中ではTinyMCEだけは本家版とはいろんなところが違ってます。もともとはフォントの大きさやダイアログでのIMEの制御(基本的にオフ)くらいができればいいやと思って手を入れ始めたのですが、普通使わないような印刷機能などがあったり、逆に必要な表組み機能などがなかったり、使えないタグがあったり、SafariやChromeにちゃんと対応してなかったり、TinyMCE本体のバージョンが古かったり、パラメータの記述がハードコーディングのためカスタムパラメータの指定が一部上書きできなかったり・・(以下省略)気になる問題点がいろいろあったため、ソースの整理を兼ねてひととおり改修を加えています。

できればこれを本家に還元したいですが、その前に当フォーラムで独立配布します。

ちなみにフォントのサイズまわりは当プラグイン自体には組み込んでないので、0963以前にインストールする場合は文字は従来どおり小さいままです。テキストエリアのスタイルはMODxのグローバル設定で指定することになっているためです。

以下、インストール手順。

アーカイブを解凍し、/assets/plugins/ ディレクトリ以下にtinymceフォルダごと転送。(従来のようにtinymce3241などとなってません)
エレメント管理画面を開いて、既存のTinyMCEプラグイン編集画面を開きます。
plugin.tinymce.txtの中身を全部コピーします。
plugin.tinymce.txtの冒頭あたりに、@properties &customparams=Custom Parameters;textarea;…といった記述があります。この「&customparams」から「ltr,rtl;ltr」までをコピーして(文字数多いけど1行です)、「設定」タブの「プラグイン設定」に貼り付けて「パラメータ表示の更新」をクリックし数秒待ちます。
「保存」をクリックし、プラグインのインストールを完了。
グローバル設定を開いて、TinyMCEの設定を確認します。0963の頃とは「テーマ」の設定などが若干変わってるかもです。

以上です。こういうインストール作業、もっと簡単にできるようになるといいっすね
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downlo ... ta1_ja.zip

TinyMCE本体のVer3.3ベータ1がリリースされたので、これに合わせてMODx版も最新をまとめました。ついでに、便利なプラグインをいくつか追加しました。画像の左寄せ・右寄せに、左揃え・右揃えのボタンを利用できるようになりました。今までもできてましたが、適当なマージンがなくて正直使いものにならなかったと思います。ブロック要素に対してclear:both;を挿入するボタンも追加しました。今のスタイルセレクタの機能が不要になったので、面積もとるのでとりあえず削除しました。必要な人はtinymce.functions.phpをさわる必要がありますが、このへんはv3.3正式版までにはなんとかしたいです。モジュール化したほうがいいのではという気がしてるので躊躇してるのですが・・・

あと、リストボタンでリストのスタイルを選択できるようにしました。カスタムパラメータ追加のロジックに問題があったので、そのへんも直しました。

手間をかけたくなかったのでちょっと強引なことをやったりしてますが(ページのhead要素にスタイルを強制的に挿入しちゃったりとか)、意見いただければ嬉しいです。

ちなみにMODx1.0.2から、プラグインのインストールに関してはイベントの手動登録をしなくてもよくなってるみたいです。もしかするとプラグイン名とかconfig文とかも自動的に登録してくれるのかな?試してないですが、できるかもしれません。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

イベントの自動登録できないぞという報告を受けました。なんか、すでに登録済みのエレメントの書き換えなら自動登録できたりするようですが・・
その話は置いといて、画像いくつか参考に置いときます。
p2.png
リストのマークの種類を選べるようになりました。TinyMCE同梱の新プラグインの機能です。
p3.png
ソースの編集がしやすくなった。FCKeditorっぽい。
これはサードパーティが配布してるプラグインを適用してみました。
p7.png
画像を左揃え・右揃えボタンで左寄せ・右寄せした時に適切なマージンを空けられるように。
これは今までもスタイルセレクタで実現できてたけど、今回はボタンをワンクリックなので簡単。
これもサードパーティ配布のプラグインを利用してます。
ついでにMODx側でも工夫して、ページのhead要素内にスタイルを出力するようにしました。
これはカスタマイズ・オンオフができるようにしなきゃいけないと思いますが・・・

あと、ツールバーのデザインをo2kにしてみました。このデザインはずっと昔から同梱されてるものですが、知らない人も多いと思います。
sama55
メンバー
メンバー
記事: 816
登録日時: 2009年8月03日(月) 08:16

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by sama55 »

yama さんが書きました:ソースの編集がしやすくなった。FCKeditorっぽい。
これはサードパーティが配布してるプラグインを適用してみました。
これイイっすねー
ドリのようにビジュアルペインとコードペインが上下または左右に表示され、どちらか一方を変えたらもう一方にも動的に反映されるエディタを想像してしまいました。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

保存時に「このページから移動します。よろしいですか?」みたいなアラートが出ますね。根性で直したいと思います orz
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downloads/detail?name=tinymce327_for modx_r2.zip
安定している3.2.7ベースでとりあえずまとめてみました。
MODx1.0.2日本語版に同梱しているものと機能的にはほとんど同じですが、ソースの構成に大幅に手を入れて最適化しました。原作者さんとか詳しい人じゃないと理解できない状態になっていたのを、だいぶ読みやすくできたと思います。特にphpのfunctionとJavaScriptのfunctionが混じってるあたりが分かりにくかったですが、そのへんはすっきり分離しました。phpで値を作って与える部分はMODx流にプレースホルダを通じて渡してます。改良に興味を持つ人がこれで増えるとよいですが。

3.3の「このページから移動します。よろしいですか?」はTinyMCE本体に何か原因があるみたいです。textarea内の変化を監視するロジックを持つCMSならMODx以外でも同じ現象になると思います。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downlo ... r_modx.zip
3.3 RC1 をリリースします。見た目にカッコいいCKEditorが大人気ですが、TinyMCEもなかなか渋いところを改良してきました。

textareaの監視をしないことにしたので、「このページから移動します。よろしいですか?」はとりあえず表示されないようになりました。すっきりしない解決ですが、3.3で加わった新機能を使えることのほうがメリットがあると思うので割り切ります。頭の片隅に置いといて、機会があれば解決したいと思います。Geeklog用のプラグインは対応してるっぽいですが・・

カスタマイザブルな情報は js/mce_init.js.inc にまとめました。これにより、細かいカスタマイズをするのにtinymce.functions.phpを改造する必要がなくなりました。プラグイン設定画面を使った今までどおりの手軽な設定変更もできるように、mce_init.js.incは見た目はJavaScriptファイルですが、ところどころプレイスホルダを利用して設定画面の情報を受け取っています。php文は全く出てこないので、プログラミングが苦手な人でもそこそこさわれると思います。

http://wiki.moxiecode.com/index.php/Tin ... figuration
カスタマイズに必要な情報はこちら

できればManagerManagerのmm_rulesみたいな感じにして、テンプレートやロールごとにツールバー構成や利用可能タグ・画像処理権限などをコントロールできるようにしたいですが、いずれ考えてみます。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downlo ... r_modx.zip
報告が遅くなりましたが、3.3正式版同梱のベータ1(分かりにくい)をリリースしました。

本家の要望を優先したので、このバージョンに関しては利用可能タグの設定など各種設定が本家寄りです。
(日本人ユーザはやっぱり感覚がちょっと違うのかなあと感じたりしつつ)

本家フォーラム参加者とのディスカッションを経て、なるべく早いうちに正式版をリリースします。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

画像

http://code.google.com/p/modx-ja/downlo ... e332p3.zip
カスタム設定を複数行入力できるようにしました。
旧ツールバー設定をプリセットに加えました。
ロシア語・ドイツ語設定で起動しないバグ(本家版は修正済み)を修正しました。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downloads/detail?name=tinymce337J.zip
日本語版の最新です。QuickManager1.5のQuickEdit互換オプションに対応しています。
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

Re: 日本語版同梱のTinyMCEプラグインを独立配布します

投稿記事 by yama »

http://code.google.com/p/modx-ja/downloads/detail?name=tinymce338J.zip
3.3.8です。デザインちょっと変更してみました
返信する