TinyMCE寶石不適用於我的導軌3應用程序

Question

我想在我的導軌3應用程序中使用tinyMCE寶石。我不能看到編輯器上的所有選項，如 我不能看到 - 1.Style（選項是可見的，但不能下拉） 2.無法插入圖像（一個按鈕瀏覽圖像不顯示在選擇窗口） 3 。我不能看到任何其他選項的表格，放大的屏幕，字體類型等。

請幫助我，如果任何人有任何解決方案。 謝謝。

Answer 1

這個配置一切正常。如果您有其他語言，請確保您的資產存儲庫中使用了該語言。如果你不是微小的拋出異常，並打破與按鈕創建表。

模板文件：

<%= text_area_tag :editor, "", :class => "tinymce", :rows => 40, :cols => 120 %> 
<input type="file" id="image_uploader" style="display:none;opacity:0;" /> 
<%= tinymce %> 

樣式修復（預定義樣式）： 配置/ tinymce.yml

theme_advanced_toolbar_location: top 
theme_advanced_toolbar_align: left 
theme_advanced_statusbar_location: bottom 
theme_advanced_buttons3_add: 
    - tablecontrols 
    - fullscreen 
plugins: 
    - table 
    - fullscreen 
style_formats: 
    - title: 'Bold text' 
    inline: 'b' 
    - title: 'Red text' 
    inline: 'span' 
    styles: 
     color : '#ff0000' 
file_browser_callback: 'file_upload' 

的JavaScript（在你的資產的文件）：

(function(){ 
// encapsulating 
    var iu = document.getElementById('image_uploader'); 
    iu.addEventListener('change',send_after_choose); 

    function send_after_choose(event){ 
    // some multipart ajax U need to create new FormData see documentation of use 
    // when done fetch url 
    } 
    // this need to be global function. 
    function file_upload(field_name, url, type, win){ 
    var iu = document.getElementById('image_uploader'); 
    iu.click(); 
    } 
    window.file_upload=file_upload; 
})(); 

更多信息是：http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser

對不起，但這是非常大部分的代碼編寫，我沒有工作的例子，所以你必須自己寫。但添加此代碼後，U將能夠在您的圖像彈出窗口中看到文件按鈕，並且他會調用您所寫的函數。

我不知道使用哪個框架，所以我寫了一些簡單的vanila javascript。在更改事件與文件輸入工作正常。輸入可以是不可見的，只要U沒有名字，U就可以添加它。

數據對象文檔： https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

。如果U使用jQuery U可以添加FORMDATA對象作爲請求數據。我不知道這是如何與Mootools或Prototype一起使用的。