0

ユーザーがテキストを書き込める単純なフォーム フィールドにMediumEditorを追加したいと考えています。Rails 用のgemがありますが、単純なフォーム内でそれを実装する方法がわかりません.. f.input フィールドはどのように表示されますか?

4

1 に答える 1

3

MediumEditor docs によると、これはそれを使用する方法です：

新しい MediumEditor オブジェクトをインスタンス化できるようになりました:

<script>var editor = new MediumEditor('.editable');</script>

上記のコードは、.editableクラスを含むすべての要素を HTML5 編集可能なコンテンツに変換し、中程度のエディター ツールバーをそれらに追加します。

idまたはで入力要素を参照する必要がありますclass。を使用している場合form_for、生成される入力要素の ID は の形式"OBJECT_ATTRIBUTE"に従います。ここOBJECTで、 はフォームを作成するオブジェクトのATTRIBUTE名前、 はフォーム フィールドが対応する属性の名前です。

したがって、フォームが次のようになっている場合:

<%= form_for @article do |f| %>
  <%= f.text_area :body, size: "60x12" %>

結果の html 要素は次のようになります。

  <textarea id="article_body" name="article[body]" cols="60" rows="12"></textarea>

したがって、次のid "article_body"ように、を MediumEditor コンストラクターに渡す必要があります。

 <script>var editor = new MediumEditor('#article_body');</script>

また、フォームビルダーへのオプションとして渡す任意のidまたは入力要素を選択することもできます。class

<%= f.text_area :body, size: "60x12", id: "my-medium-editor-text-area" %>

編集: シンプル フォームを使用していることに気付きました。idシンプルなフォームを使用してカスタムを渡したい場合は、次のようになります。

  <%= f.input :article, input_html: { id: "my-medium-editor-text-area" } %>
于 2016-06-13T11:49:01.547 に答える