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

質問全般・改善要望
返信する
MEGU
メンバー
メンバー
記事: 39
登録日時: 2009年7月29日(水) 18:05

TinyMCEのCSSが反映されません

投稿記事 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
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

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

投稿記事 by yama »

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

「グローバル設定のCSSファイルへのパス」は現在は見ていません。そのへんは次回の課題ということで・・・ :|
MEGU
メンバー
メンバー
記事: 39
登録日時: 2009年7月29日(水) 18:05

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

投稿記事 by MEGU »

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

「グローバル設定のCSSファイルへのパス」の方は、ブラウザのキャッシュをしても反映されませんでした。
kazuike
メンバー
メンバー
記事: 507
登録日時: 2009年8月12日(水) 12:53

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

投稿記事 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から入っている設定ですね。
▼ウェブ屋のCMS→modxヒキダス流(備忘録)
http://d.hatena.ne.jp/hikidas_ikeda/
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

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

投稿記事 by yama »

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

余談ですが日本語版TinyMCEプラグインはCustom Parametersでカンマを書けないというしょうもないバグがあると思います。CKEditor用のコードを書いてて気付いたのですが、すいません。汗
しばらく冬眠状態が続きますが、そのへんは次回対応したいと思います。
MEGU
メンバー
メンバー
記事: 39
登録日時: 2009年7月29日(水) 18:05

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

投稿記事 by MEGU »

kazuike さん。yamaさん。ありがとうございます。

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