來自Det!C的牢騷～

我們都知道TinyMCE是個讓人又愛又恨的編輯器
那如果今天你是在Rails底下使用"tinymce-rails"這個gem的話，或許你的恨意會再大一點......

略過廢言，有時候我們會需要修改到tinymce預設的content.css
好讓在編輯器的內容盡量跟編輯後的視覺效果一樣
所以作法是先找出到底content.css放在哪裡，然後修改成想要的css
偏偏這個是人家寫好的gem，找起來特別麻煩(雖然找到後就覺得還好了XD)


針對你頁面TinyMCE使用的content.css來抓位置，不同theme的位置會不一樣
（以下以我用到的tinymce/themes/advanced/skins/default/content.css作範例）

1. 切換到要用的Rails application資料夾底下
2. $ grep -nr "tinymce/themes/advanced/skins/default/content.css" tmp/cache ，這應該會是binary檔，請找能開的編輯器(我的vim是可以開...)
3. 打開後搜尋content.css，應該會看到檔案路徑
4. 修改 /home/danix914/.rvm/gems/ruby-1.9.3-p125/bundler/gems/tinymce-rails-1d53cb9c88fa/vendor/assets/javascripts/tinymce/themes/advanced/skins/default/content.css ，完成

（Notice: development跟production環境會不一樣，並且都不在Rails application資料夾內，修改時請小心）

前台css檔沒定義到的部份，大部份可以從content.css處理編輯器CSS樣式的問題