ruby-on-rails - Rails - 设置 TinyMCE rails gem 后，文本区域框重新调整大小问题

Question

我的目标是在文本区域上方设置用户界面文本编辑器。我从 Stack Overflow 中获得灵感，Stack Overflow 也使用了这种技术。

我刚刚为 Rails 安装了 TinyMCE gem。

按照 TinyMCE 文档，我创建了一个 config/tinymce.yml 文件

toolbar:
  - styleselect | bold italic | link image | undo redo
  - table | fullscreen
plugins:
  - table
  - fullscreen

在 application.js 中，我添加了这一行

//= require tinymce

这是让我困惑的部分。我这样设置代码

<p>
  <%= f.label :body, class: 'marker' %>
  <%= f.text_area :body, :class => "tinymce", :rows => "15" %>
  <%= tinymce %>
</p>

根据文档，我应该这样做

<%= f.text_area :content, :class => "tinymce", :rows => 40, :cols => 120 %>

然后调用 tinymce helper 来初始化 TinyMCE:

<%= tinymce %>

我以为他们的意思是我应该在 f.text_area 行下方放置一行。

我认为在 Stack Overflow 上提问会更礼貌，而不是用问题轰炸他们。

编辑

看起来我设法让它自己工作，但我还有另一个问题。文本区域框现在占据了页面的整个宽度，而我指定我的文本区域元素的宽度为 500 像素。

我认为问题出在 CSS 上，所以我会看看是否可以解决这个问题

Answer 1

是的，TinyMCE 是必经之路。

有一个易于使用的 gem

gem 'tinymce-rails'

他们在 github 页面上有关于如何使用和安装的很好的说明 https://github.com/spohlenz/tinymce-rails