2016-11-01 6 views
0

Я добавил редактируемый класс в свой f.text_area, а затем вызвал редактор для этого класса. Я хочу исправить высоту (row=10) для моей текстовой области, которая не работает, когда я даю ей редактируемый класс.
Может кто-нибудь мне помочь? Или предложите другой редактор, как средний, но который может создать text_area?Средний редактор с Rails

мой код:

<%= f.text_area :story, :class => 'form-control', rows: 10 , id:'editable' %> 

сценарий:

var elements = document.querySelectorAll('#editable'), 
editor = new MediumEditor(elements, { 
}); 

ответ

0

Когда вы передаете <textarea> элемент в MediumEditor, скроет <textarea> и создать <div contenteditable="true">, который будет изменять и действовать, как редактор WYSIWYG, так что вы можете увидеть форматирование, как вам тип (т. е. жирный, курсив, подчеркивание, пули и т. д.). MediumEditor будет следить за <div> за любые изменения и убедиться, что они синхронизированы в скрытом <textarea>.

Когда она скрывает <textarea> и вставляет <div> копирует большинство атрибутов из <textarea> в <div>. Итак, если вы добавите имя класса в ваше текстовое поле (то есть <textarea class="editor">), этот класс будет скопирован в созданный <div>.

Затем вы можете стиль редактора, однако вы хотите:

div.editor { 
    line-height: 12px; 
    height: 120px; 
} 

Нормально, <div> будет автоматически размером как типы пользователей, но вы можете ограничить высоту с помощью CSS, если вы хотите ,