2011-05-07 54 views
0

我想創建一個預覽我的文字面積:Rails的幫助來預覽文本區域

我已經試過這樣:

我的控制器:

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中輸入某個類型的內容時立即進行預覽。

+1

這只是關於JavaScript – fl00r 2011-05-07 11:15:13

+0

真DAT,fl00r – 2011-05-07 14:41:31

回答

0

用戶是否在預覽中輸入了要渲染的HTML?還是隻是文字?

我想無論哪種方式,添加一個div的預覽:

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

,然後使用jQuery:

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