крошечный mce изменяет ширину области текста с помощью загрузочного буфера twitter

Question

Я использую Tiny MCE и twitterbootstrap в форме.

Tiny MCE изменяет нормальную ширину текстового элемента. Любая идея, как это исправить. Я не хочу жестко кодировать ширину с момента ее отладки.

Вот соответствующий фрагмент кода:

.control-group 
    %label.control-label Location 
    .controls 
    .input-prepend 
     %input#location.input.span6{:name => "job[location]", :placeholder => "Location", :type => "text"}/ 
.control-group 
    %label.control-label Description 
    .controls 
    .input-prepend 
     %textarea#message.input.span6{:name => "job[desc]", :rows => "10", :placeholder => "Paste Job Description. Formatting would be preserved"} 

Это является JS я использую:

:javascript 
    tinymce.init({selector:'textarea'}); 

Я прилагаю 2 просмотров и без TinyMCE:

Answer 1

Tiny MCE скрывает текстовое поле и добавляет div, поэтому класс span6 в текстовое поле не повлияет на div.

Вы можете добавить родителя div в текстовое поле и дать ему класс span6.

Что-то вроде этого

.control-group 
    %label.control-label Description 
    .controls 
    .input-prepend 
     .row 
     .span6 
      %textarea#message.input.span6{:name => "job[desc]", :rows => "10", :placeholder => "Paste Job Description. Formatting would be preserved"}