jquery - Rails auto_html gem 帮助 - 不保存为 html

Question

我正在尝试创建在 text_area body_html 上使用 auto_html gem 的表单。我已遵循本指南 how to create the auto_html on a text_area.

我有一个问题，即预览不会在没有浏览器刷新的情况下呈现，并且 text_area body_html 不会像纯文本一样保存为 html 代码。

我的模型:

class Post < ActiveRecord::Base
  auto_html_for :body_html do
    html_escape
    image
    youtube(:width => 400, :height => 250)
    link :target => "_blank", :rel => "nofollow"
    simple_format
  end
end

我的 Controller :

include AutoHtml


  # GET /posts/new
  # GET /posts/new.xml
  def new
    @post = Post.new

    respond_to do |format|
      format.html # new.html.erb
      format.xml  { render :xml => @post }
    end
  end


  # POST /posts
  # POST /posts.xml
  def create
    @post = Post.new(params[:post])
    respond_to do |format|
      if @post.save
        format.html { redirect_to(@post, :notice => 'Post was successfully created.') }
        format.xml  { render :xml => @post, :status => :created, :location => @post }
      else
        format.html { render :action => "new" }
        format.xml  { render :xml => @post.errors, :status => :unprocessable_entity }
      end
    end
  end

end

我的新表格:

<script type='text/javascript'>
function load(request) {
  $('#code').text(request);
  $('#preview').html(request);
}

function preview(value) {
  $.getJSON("http://auto_html.rors.org/comments/preview?callback=?", value, function(data){
    load(data);
  });
}

function previewComment() {
  preview({'t':$('#comment_body').val()});
}

$('#examples a').click(function() {
  $('#comment_body').focus(); 
  $('#comment_body').val( $(this).attr('href'));
  previewComment();
});

$(function () { 
  $("#comment_body").focus();
  previewComment();
});

$('#comment_form').delayedObserver(1, function(element, value) { previewComment() })
</script>

<h1>New post</h1>

<form id="comment_form" action="/posts" method="post">
<h3>Type or paste URLs</h3>

<%= simple_form_for @post do |f| %>
    <%= f.input :titel, :label => 'Titel', :style => 'width:500;' %>
    <%= f.text_area :body_html, :id => 'comment_body', :label => '125x125', :style => 'width:500;' %>
    <%= f.button :submit, :value => 'Create post' %>
<% end %>
<h3>Code</h3>
<div id="code"></div>
<h3>Preview</h3>
<div id="preview"></div>
</form>

<%= link_to 'Back', posts_path %>

Answer 1

您正在使用额外的后缀 _html

在输入上使用 body(并在模型中声明 auto_html_for)并在输出上使用 *body_html*

您基本上需要更改为:

auto_html_for :body

在形式上:

...
<%= f.text_area :body, ...