Rails_Admin - 如何在 Post 视图中更改文本字段的大小答案

【问题标题】：Rails_Admin - How to change size of text field in the Post viewRails_Admin - 如何在 Post 视图中更改文本字段的大小
【发布时间】：2012-09-18 18:45:47
【问题描述】：

Rails Admin 中帖子“正文”上输入区域的默认高度非常小。我想弄清楚如何增加高度。有什么建议么？

config.model Post do
 label 'Blog'
 weight 0
 edit do
   field :user
   field :title
   field :body_format
   field :body do 
     (something here?)
  end

【问题讨论】：

标签： ruby-on-rails ruby rails-admin

【解决方案1】：

configure :description do
  html_attributes rows: 20, cols: 50
end

【讨论】：

这工作正常。将它放在模型中的 rails_admin do 块中，将 :description 替换为要修改文本块表单元素的字段。
这是一个不错的解决方案，但文本字段不适应屏幕大小。全屏选项会很好。

【解决方案2】：

在 Rails Admin 中增加文本字段长度的另一种方法是：

field :description, :text do
  html_attributes do
    {:maxlength => 600}
  end
end

【讨论】：

【解决方案3】：

它与您的模型没有任何关系，您需要做的是更改该元素的 CSS。许多 Rails 引擎倾向于对您“隐藏” css，但通常最好不要管它们，并在您自己的 custom.css 文件（或 custom.css.scss，如果您使用 SASS）中进行更改。

最简单的方法是在 Chrome 中查看页面，右键单击“body”元素，当弹出菜单显示时，转到 Inspect Element。 Chrome 开发者工具窗口将在下方打开，该元素将突出显示。查看右侧的 css 类，看看调用的是什么。

进入您的 custom.css 文件并编写该 css 类的新版本。您可以使用完全相同的名称，但最好编写自己的类添加到该特定 html 元素，否则您将覆盖比您想要的更多。

input, textarea .yourclassname {
  height: 200px;
}

如果这样的事情不起作用。添加！重要。（如果不需要，最好将其省略。）

input, textarea .yourclassname {
  height: 200px !important;
}

【讨论】：

【解决方案4】：

如果是文本字段，你会这样做

field :permalink do
  { max_length: 1000 }
end

如果是文本区域

field :description do
  html_attributes rows: 5, cols: 100
end

正如我为自己的网站所做的那样，即https://www.wiki11.com 希望这会对您有所帮助。请记住，由于文本字段只能包含 255 个字符，因此它不能达到文本区域的宽度。为了达到文本区域的宽度，您需要更改其字符的长度或使其成为文本区域。

【讨论】：