2

これに続いて medium-editor-rails gem をインストールしましたhttps://github.com/marjinal1st/medium-editor-rails

編集ボックスを表示するために完全に機能していますが、モデルを介してデータを保存する方法がわかりません

これがショーページのビューdivです

<div class="editable">
  <%= @micropost.content %>
</div>

および対応する Js

var editor = new MediumEditor('.editable', {
  anchorInputPlaceholder: 'Type a link',
  buttons: ['bold', 'italic', 'quote'],
  diffLeft: 25,
  diffTop: 10,
  firstHeader: 'h1',
  secondHeader: 'h2',
  delay: 1000,
  targetBlank: true
});
4

2 に答える 2

2

データを保存するには、モデル Micropost のファイルの<div>代わり_form.html.erbに を追加する必要があります。show.html.erbこれは次のようになります。

<%= f.hidden_field :content, html: { id: "content" } %>
<div class="editable" data-field-id="content"><%= @micropost.content.html_safe %></div>

フォームの保存/送信ボタンを押すと、最初の行でデータが渡さ:contentれます。

また、JS の最後に次の関数を追加します。

$('.editable').bind('input propertychange', function() {
  $("#micropost_" + $(this).attr("data-field-id")).val($(this).html());
});

これがどのように機能するかわかりません。私の推測では、変更を追跡し、保存に役立つと思います。JS の知識がある人は、実際にこれを説明するのに役立ちます。

于 2014-10-29T10:34:48.407 に答える