PHP
JavaScript
tinyMCE
wysiwyg
laravel5

WYSIWYGエディタTinyMCEプラグインjbimagesを日本語化してみた

More than 1 year has passed since last update.


はじめに

以前書いたこれの続き

http://qiita.com/qwe001/items/9a86839db4da5a7ab763

以前書いたやつだけでも基本的な日本語化は完了しますが、今回はそれを含め、

エラーメッセージなど以前日本語化していなかった部分も日本語化しました。

ただし、私は翻訳が苦手なので使用は自己責任でお願いします。

筆者はこれに関わって発生するいかなる事象にも一切の責任を負いません。


やっていること


  • 画像アイコンの右のUploadの文字がいらなかったので消しています

  • ポップアップウィンドウなどを日本語化しています

  • エラーメッセージなども日本語化しています

公式のドキュメントを見てやりました

http://justboil.me/translating-to-other-languages/


日本語化ファイル


  • 【注意】TinyMCE4を使用している場合はこれを設置するだけでは動きません!!

  • TinyMCE3では動くかもしれませんが検証はしていないです。動いたなら報告してくれると嬉しいなって

  • CCBYライセンスだから再配布OKだと思うのですが、問題があれば教えて下さい。消しますので。

ここから日本語化ファイルをダウンロード↓

https://www.dropbox.com/s/3mnmd4shn2dbxqt/jbimages-ja.zip?dl=0


ファイル構成

        jbimages

├ ci
| ├ application
| | └ language
| | └ japanese
| | ├ imglib_lang.php
| | ├ index.html
| | ├ jbstrings_lang.php
| | └ upload_lang.php
| └ system
| └ language
| └ japanese
| ├ imglib_lang.php
| ├ index.html
| └ upload_lang.php
├ langs
| └ ja.js
| └ ja_dlg.js
├ plugin.js
└ plugin.min.js


使い方


  • する前に必ずjbimagesフォルダのバックアップを取っておいて下さい


TinyMCE Ver.3.x を使用している場合(未検証)

ダウンロードしたファイルをそのままtinymce/plugins/jbimagesディレクトリに上書きして保存すればOKです。


TinyMCE Ver.4.x を使用している場合

公式HPにも書いているように、今のところ英語の文章を直打ちで修正するしかないようです。

ということで、ファイル構成を以下のように変更します。

        jbimages

├ ci
| ├ application
| | └ language
| | └ english ← japanese から english に変更
| | ├ imglib_lang.php
| | ├ index.html
| | ├ jbstrings_lang.php
| | └ upload_lang.php
| └ system
| └ language
| └ english ← japanese から english に変更
| ├ imglib_lang.php
| ├ index.html
| └ upload_lang.php
├ langs
| └ ja.js
| └ ja_dlg.js
├ plugin.js
└ plugin.min.js

あとはtinymce/plugins/jbimagesディレクトリに上書きして保存すればOKです。

Ver3,Ver4共通でこんな感じでクライアントサイド(HTML)から呼び出したらOKです。


<script type="text/javascript">
tinymce.init({
selector : 'textarea',
plugins : 'jbimages link autolink preview',
toolbar : 'bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link jbimages | preview',
menubar : false,
relative_urls : false,
language : 'ja'
});
</script>


動作確認


  • 画像アイコンの右の「Upload」の文字が表示されていないこと

  • 画像アイコンにマウスオーバーすると黒ポップアップで「画像アップロード」と表示されること

  • 画像アイコン押下後のポップアップウィンドウのタイトルとボタンが「画像アップロード」「アップロード」となっていること

  • ファイルに許可されていない拡張子(.txtなど)をアップロードすると「そのファイル形式のアップロードは許可されていません。」と表示されること

以上。Ver3での動作報告があればうれしいです。