Ruby on rails 4 在Ruby on Rails中调整tinymce编辑器的宽度

我在RubyonRails项目中使用TinymceGem，并试图调整编辑器的宽度。目前，编辑器的宽度为100%

我在某个地方读到TinyMce编辑器采用area_字段的大小，因此我尝试了以下方法：

<%= f.text_area :content, :cols =>10, :rows => 50, class: "tinymce" %>

但是我不知道我需要改变什么来调整编辑器的宽度。有什么建议吗？提前谢谢

编辑：

我将此添加到我的博客帖子中：

<script>
 tinyMCE.init({
         // General options
         mode: "textareas",
         theme: "advanced",
         width: "300",
         height: "200",

         // Theme options
         theme_advanced_buttons1: "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull",
         theme_advanced_buttons2: "",
         theme_advanced_buttons3: "",
         theme_advanced_buttons4: "",
         theme_advanced_toolbar_location: "top",
         theme_advanced_toolbar_align: "left",
         theme_advanced_resizing: false,

     // Selector
         editor_selector: "tinymce",

 });
</script>

tinyMCE.init({
//一般选择
模式：“文本区域”，
主题：“高级”，
宽度：“300”，
高度：“200”，
//主题选项
主题_高级_按钮1：“粗体、斜体、下划线、|、左对齐、中对齐、右对齐、满对齐”，
主题\高级\按钮2:“”，
主题\高级\按钮3:“”，
主题\高级\按钮4:“”，
主题\高级\工具栏\位置：“顶部”，
主题\高级\工具栏\对齐：“左”，
主题\u高级\u大小调整：错误，
//选择器
编辑器\选择器：“tinymce”，
});

然后，我的编辑消失了。我哪里出错了？

---

这里是一个示例代码，用于调整宽度并将小屏幕精确居中。只需将宽度（此处=400px）设置为所需的大小

<div class="field">
   <%= f.label :content %><br />
   <div style="width: 400px">
      <%= f.text_area :content, :class => "tinymce", :rows => 3 %>
   </div>
</div>

“tinymce”，：行=>3%>

<div class="field">
   <%= f.label :content %><br />
   <div style="width: 400px">
      <%= f.text_area :content, :class => "tinymce", :rows => 3 %>
   </div>
</div>