TinyMCE gem не работает в моих рельсах 3 приложения

Question

Я пытаюсь использовать жемчужину tinyMCE в приложении для моей железной дороги 3. Я не могу видеть все варианты в редакторе, такие как I can not see- 1.Style (опция видна, но не может ее опустить) 2. изображение can not insert (кнопка для просмотра изображения не отображается в окне выбора) 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 должен написать его самостоятельно. Но после добавления этого кода U будет иметь возможность видеть кнопку файла во всплывающем окне вашего изображения, и он будет вызывать функцию, которую вы написали.

Я не знаю, какой каркас U использовать, поэтому я написал немного простого из ванильного javascript. В событии смены отлично работает с вводом файла. Ввод может быть невидимым, U может добавлять его всякий раз, когда U хочет, пока он не имеет имени. Объект

данных документация: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

Если U использовать JQuery U может добавить объект FormData как данные запроса. Я не знаю, как это работает с Mootools или Prototype.