边栏有助于预览文本区域

Question

我正在尝试为我的文本区域创建预览：

我试过这个：

我的控制器：

def preview
  post = Post.new(params[:post])
  render :text => post.body_html
end
def new
  @post = Post.new
  respond_to do |format|
    format.html # new.html.erb
    format.xml  { render :xml => @post }
  end
end

和我的表格：

<%= form_for(@post) do |f| %>
  <% if @post.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being saved:</h2>
      <ul>
        <% @post.errors.full_messages.each do |msg| %>
          <li><%= msg %></li>
        <% end %>
      </ul>
    </div>
  <% end %>
  <div class="field">
    <%= f.label :titel %><br />
    <%= f.text_field :titel %>
  </div>
  <div class="field">
    <%= f.label :body_html %><br />
    <%= f.text_area :body_html %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

我应该如何在body_html文本区域的形式中进行预览？我想在body_html text_area中键入某些内容时进行预览

Answer 1

用户是否输入了要在预览中呈现的 HTML？还是只是文本原样？

我想无论哪种方式，请为预览添加一个div：

<div id='preview'></div>

然后使用 jQuery：

var $html = $('#body_html');
$html.bind('change keyup',function(){
   $('#preview').html($html.val());
});