TracでwikiをWISiWYG編集 - TinyMCEWikiPlugin

概要

WikiをWISiWYGで編集可能にするプラグインです。
TracLink ,Macro,Links,Processerを使用可能です。
標準のWikiModuleを置き換える形で動作します。

イメージ

注意

このプラグインで保存したデータは、Wiki文法にのっとったデータではありません。TracLinkやMacro等をHTMLに混ぜたものです。
今後デフォルトのWikiエディタでデータを編集するのは難しくなります。
「Wiki文法なんでどうでもいいよ」という方のみご使用ください。(´ー｀)

使い方

ダウンロード

・いったん停止

必要なもの

• setuptools（入れてなければ)
  
• このplugin
• Trac 0.9.3以降
• tinyMce

インストール

1. tinyMceをダウンロードし解凍する。できたtinymceという名前のフォルダ(tiny_mceではない)を、share/trac/htdocs配下に配置する。
2. tinymce_trac.css を上記のtinymceフォルダ直下に配置する。
3. デフォルトの Wiki Module を使用不可にする。 このプラグインはWiki Moduleを置き換える形で動作します。 trac.iniに以下を追加してください。もし、デフォルトハンドラがWiki Moduleになっていたら、以下の記述も加えてください。
4. TinyMceWiki-0.1-py2.3.egg(またはTinyMceWiki-0.1-py2.4.egg)を [TracEnv]/templates/plugins/に配置する。

Trac用TinyMCEのお勧め設定と日本語化

TinyMCE pluginでは、tinymceconf.csを置くことで、TinyMCEの表示をカスタマイズできます。で、標準ではいっぱい表示されてうざいので、適当に選んでみました。こんな感じの１行のツールバーが表示されます。

あと、日本語ファイル(ja.js)も直してます。

ダウンロード

各種設定ファイルのダウンロード

使い方

(1) tinymceconf.csの設置

tinymcewiki.csをTracEnvのtemplatesフォルダに保存してください。
このファイルはインタアクトさん の trac-0.9.2-ja-1 のwiki.csをベースにしてます。

tinymcewiki.csというファイルをTracEnvのtemplatesに置くと、そちらを優先して読み込みます。別の国の言葉にしたければ、 ソースにあるtinymcewiki.csをtemplatesフォルダにおいてから、このファイルを編集してください。

(2) tinymceconf.csの設置

tinymceconf.csをTracEnvのtemplatesフォルダに保存してください。
注：ブログに載せたtinymceconf.csは誤りがありました。上記でダウンロードしたものが正しいです。m(_ _)m

な お、 force_p_newlineはEnterキーを押したときに
ではなく
を挿入する「Enterキーを押したら改行だろう」というWord好きの人向けの設定となっています。「Enterキーを押したら< P>に決まってる！」というHTMLエディタ好きの人は、trueに設定してください。

(3) TinyMceのLangファイルの設置

jscriptsフォルダをTinyMCEを置いたフォルダのjscriptフォルダに上書きしてください。

TinyMCE ではlanguageとして言語を指定可能なのですが、標準でついているja.jsはJISで保存されているた め、文字化けが発生します。さらに、一部はなぜかテキストエディタで開こうとしても文字化けします（ー’`ー；） 。で、直してみました。以下の内容をUTF-8で保存すれば正しく表示されます。

langs/ja.js
UTF-8で保存すればＯＫ
plugins/table/langs/ja.js
文字が化けてる。以下の内容を保存。
themes/advances/langs/ja.js
そもそも古いようだ。以下の内容を保存。

その他

TinyMCEをカスタマイズするには

tinymceconf.csというファイルをTracEnvのtemplatesに置 くと、そちらを優先して読み込みます。ソースにあるtinymceconf.csをtemplatesフォルダにおいてから、TinyMCEのドキュメン トを読んで、このファイルを編集してください。

開発中のソース