2

私のアプリケーションでは、Redactor Rails を使用しています。form_for を使用すると、redactor を使用した現在の入力は次のようになります。

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

:cols または :rows で何をしても、幅と列は変更されません (つまり、:input_html、:cols =>'x' など)。Rails text_area sizeなどの投稿にも回答がありました。

質問 1: テキスト領域の高さと幅を変更するにはどうすればよいですか? ボックスを拡張する代わりに、最初のボックスサイズよりも多くのコンテンツがある場合にスクロールダウンするように制限することは可能ですか?

また、区切りなしで 1 つの長い文を入力した場合、次の行に移動するために を押すまで、ボックスは画面を超えて右に拡張されますenter

質問 2: 1 行が長すぎる場合に幅が固定され、テキストが次の行に続くように、テキスト エディター内のコンテンツをワードラップできますか?

ありがとう。

4

2 に答える 2

2

これを試して :

config.jsでファイルを作成します。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"}
  );
});

サーバーを再起動します。

于 2014-08-09T14:54:16.810 に答える