ページ 11

TinyMCEのCSSが反映されません

Posted: 2009年12月24日(木) 15:58
by MEGU
みなさまこんにちは。よろしくお願いいたします。
自分でどこかに罠がありそうな気がするのですが、どうにも気づけず、
こうして、投稿させていただく次第です。

タイトルの通りなのですが、TinyMCEを調べていて、デフォルトのCSSを変更しようとしましたが、
変更が反映されません。いじったファイルは、「/assets/plugins/tinymce/style.content.css」です。
これがデフォルトのCSSですよね。これを変更すれば、管理画面の中のTinyMCE(中身)に反映される
のですよね?しかし、反映されず。。。

また、グローバル設定のCSSファイルへのパス:に「/assets/files/tiny/content.css」と書き、該当箇所に
ファイルを置いたのですが、こちらも反映されないのです。

どこかに罠があるような気がしてならないのですが、他にいじらなければならないところは、
あるでしょうか。

どうかよろしくお願いいたします。

---*---*---*---*---*---
Apache
OS Linux 2.6.31.5-modsign-aufs2-grsec-xeon #1 SMP Fri Nov 20 20:08:17 UTC 2009 x86_64
PHPのバージョン 5.2.9
セーフモード off
php_sapi_name cgi-fcgi
MySQLのバージョン 5.0.67-log
MySQLホスト情報 mysql.liolion.info via TCP/IP
mysql_get_client_info 5.0.32
MODxのバージョン 1.0.2J
サイトのURL http://evojs.liolion.net/
MODX_BASE_URL /
upload_tmp_dir
memory_limit 128M
post_max_size 8M
upload_max_filesize 2M

Re: TinyMCEのCSSが反映されません

Posted: 2009年12月24日(木) 16:42
by yama
投稿画面のhtmlソースを開いて「content_css」という文字列が含まれる行がどうなっているかを教えていただけますでしょうか。スタイルシートファイルが意図どおりのパスでここで指定されていれば、あとはブラウザのキャッシュの問題が考えられます。JavaScript経由で呼び出すせいか、ブラウザのキャッシュ期限判定がうまくいかないことがあります。

「グローバル設定のCSSファイルへのパス」は現在は見ていません。そのへんは次回の課題ということで・・・ :|

Re: TinyMCEのCSSが反映されません

Posted: 2009年12月24日(木) 17:16
by MEGU
yamaさん。早速ありがとうございます。
投稿画面のhtmlソースを開いて「content_css」という文字列が含まれる行がどうなっているか
content_css : "assets/plugins/tinymce/style/content.css",
となっています。
JavaScript経由で呼び出すせいか、ブラウザのキャッシュ期限判定がうまくいかないことがあります
ありがとうございます。それだったようです。キャッシュを削除したら反映されました。

「グローバル設定のCSSファイルへのパス」の方は、ブラウザのキャッシュをしても反映されませんでした。

Re: TinyMCEのCSSが反映されません

Posted: 2009年12月25日(金) 11:52
by kazuike
私もちょうどTinyMCEのCSSを調整する必要があったので、
CSSの設定がどうなっているか調べてみました。

結論から言うと、
modx-1.0.2J(p1含む)のみ、
TinyMCEのCSSのパスは、
プラグイン設定の「Custom Parameters」内に、
「content_css : "assets/plugins/tinymce/style/content.css",」が設定されており、
これがグローバル設定より優先されているようです。
この箇所(「content_css」から「,」カンマまで)を消すと、
グローバル設定の「CSSファイルへのパス」が有効になるようです。

この設定、本家版や1.0.1J以前は入ってないですね。
1.0.2Jから入っている設定ですね。

Re: TinyMCEのCSSが反映されません

Posted: 2009年12月25日(金) 22:45
by yama
本来はグローバル設定を見るべきだと思いますが、複数のRTEで共通のスタイルを書ける人も実際なかなかいないので、1.0.2JではとりあえずTinyMCE側で巻き取ってみることにしました。考え方としてはグローバル設定よりはプラグイン設定のほうが「より内側」だと思うので、このように優先順位をつけること自体は間違ってないと思いますが・・プラグイン設定は多言語対応できないし基本的な使い勝手もあまりよくないので、ちょっと眠く感じる部分ですね。技術者的にはCoolなUIなのかもしれませんが・・

余談ですが日本語版TinyMCEプラグインはCustom Parametersでカンマを書けないというしょうもないバグがあると思います。CKEditor用のコードを書いてて気付いたのですが、すいません。汗
しばらく冬眠状態が続きますが、そのへんは次回対応したいと思います。

Re: TinyMCEのCSSが反映されません  【解決済み】

Posted: 2009年12月26日(土) 12:01
by MEGU
kazuike さん。yamaさん。ありがとうございます。

kazuikeさん。
プラグイン設定の「Custom Parameters」内に、
「content_css : "assets/plugins/tinymce/style/content.css",」が設定されており、
これがグローバル設定より優先されているようです。
この箇所(「content_css」から「,」カンマまで)を消すと、
グローバル設定の「CSSファイルへのパス」が有効になるようです。
はい。これで、思い通りに変更できました。
どうもありがとうございました。