Ruby on rails Rails-为Redactor文本编辑器调整f.text_区域和换行字的大小

对于我的应用程序，我使用的是Redactor Rails。使用form_for，我当前使用redactor的输入如下：

<%= f.text_area :content, label: "Blog Updates", :class => "redactor", :cols => 100, :rows => 100 %>

“redactor”，：cols=>100，：rows=>100%>

无论我在：cols或：rows中做什么，都不会改变宽度和列（即：input_html，：cols=>'x'，等等）。我也在类似这样的帖子中看到了回复：

问题1：如何更改文本区域的高度和宽度？是否可以对其进行限制，使其在内容超过初始框大小时向下滚动，而不是让框展开？

此外，如果我要键入一个不间断的长句，则框现在会向右扩展到屏幕之外，直到我按

enter

进入下一行

问题2：我是否可以在文本编辑器中对内容进行换行，以便宽度固定，并且如果一行太长，文本将继续下一行？

---

谢谢。

我不认为

:cols

和

:rows

会以任何方式影响编辑框，这是可悲的（或者我做错了什么）。要更改高度，可以使用adda

并在.css文件中定义div（请注意，必须使用“redactor\u框”）。以下是对我有效的方法：

这是我的

edit.html.erb

：

<div class="redactor_box">
    <%= f.text_area :content, placeholder: "Blog entry goes here...", :class => "redactor"%>
</div>

您也可以更改某些长方体的行为。在终端中，运行：

rails generate redactor:config

这将创建一个名为

app\assets\redactor rails\config.js

的配置文件。现在转到Redactor的网站并查找文档。您可以将key:value对插入

app\assets\redactor rails\config.js

文件

这是新生成的文件的样子：

$(document).ready(
  function(){
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  var csrf_param = $('meta[name=csrf-param]').attr('content');
  var params;
  if (csrf_param !== undefined && csrf_token !== undefined) {
    params = csrf_param + "=" + encodeURIComponent(csrf_token);
  }
  $('.redactor').redactor(
    { "imageUpload":"/redactor_rails/pictures?" + params,
      "imageGetJson":"/redactor_rails/pictures",
      "fileUpload":"/redactor_rails/documents?" + params,
      "fileGetJson":"/redactor_rails/documents",
      "path":"/assets/redactor-rails",
      "css":"style.css"
    }
  );
})

现在，只需在

“css”：“style.css”

之后添加键：值对。例如，下面的代码将禁止该框展开

$(document).ready(
  function(){
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  var csrf_param = $('meta[name=csrf-param]').attr('content');
  var params;
  if (csrf_param !== undefined && csrf_token !== undefined) {
    params = csrf_param + "=" + encodeURIComponent(csrf_token);
  }
  $('.redactor').redactor(
    { "imageUpload":"/redactor_rails/pictures?" + params,
      "imageGetJson":"/redactor_rails/pictures",
      "fileUpload":"/redactor_rails/documents?" + params,
      "fileGetJson":"/redactor_rails/documents",
      "path":"/assets/redactor-rails",
      "css":"style.css",
      "autoresize":"false"
    }
  );
});

您还可以更改许多其他设置。只需转到Redactor网站上的文档部分。

试试以下方法：

在

app/assets/javascripts/redactor rails/config.js

将代码更改为：

$(document).ready(
  function(){
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  var csrf_param = $('meta[name=csrf-param]').attr('content');
  var params;
  if (csrf_param !== undefined && csrf_token !== undefined) {
    params = csrf_param + "=" + encodeURIComponent(csrf_token);
  }
  $('.redactor').redactor(
    { "imageUpload":"/redactor_rails/pictures?" + params,
      "imageGetJson":"/redactor_rails/pictures",
      "fileUpload":"/redactor_rails/documents?" + params,
      "fileGetJson":"/redactor_rails/documents",
      "path":"/assets/redactor-rails",
       "minHeight" : 200, ### => Add this line!! ( The 200 is in pixels )
      "css":"style.css"}
  );
});

重新启动服务器

$(document).ready(
  function(){
  var csrf_token = $('meta[name=csrf-token]').attr('content');
  var csrf_param = $('meta[name=csrf-param]').attr('content');
  var params;
  if (csrf_param !== undefined && csrf_token !== undefined) {
    params = csrf_param + "=" + encodeURIComponent(csrf_token);
  }
  $('.redactor').redactor(
    { "imageUpload":"/redactor_rails/pictures?" + params,
      "imageGetJson":"/redactor_rails/pictures",
      "fileUpload":"/redactor_rails/documents?" + params,
      "fileGetJson":"/redactor_rails/documents",
      "path":"/assets/redactor-rails",
       "minHeight" : 200, ### => Add this line!! ( The 200 is in pixels )
      "css":"style.css"}
  );
});