如何生成文本框的“实时预览”？ [复制]

【问题标题】：How do I generate a 'live preview' of a textbox? [duplicate]如何生成文本框的“实时预览”？ [复制]
【发布时间】：2013-04-24 18:10:14
【问题描述】：

就像在 SO 上输入问题时一样，我看到文本框下方的框中包含实时版本 - 或者在 Github 上，我可以简单地转到“预览”而不保存记录，我如何使用 Rails 实现这一点？

假设我有一个Question 模型，它的属性为body，我想查看实时预览（逐个字符或按下显示它的preview 按钮）。

【问题讨论】：

啊……好吧……这种方法确实有道理，而且是我想要的。

标签： jquery ruby-on-rails ruby-on-rails-3

【解决方案1】：

在 HTML 中你可以这样写：

<% if params[:preview_button] %>
 <%= textilize @project.description %>
<% end %>

...

<%= submit_tag 'Create' %>
<%= submit_tag 'Preview', :name => 'preview_button' %>

*# => params = { “preview_button” => “Preview” ....* - 你会看到；

def create
 @project = Project.new(params[:project])
 if params[:preview_button] || !@project.save
   render :action => 'new'
 else
   flash[:notice] = "Successfully created project."
   redirect_to project_path(@project)
 end
end

你可以重写创建动作，通过放置remote: true 来添加ajax到表单预览

我尝试展示主要思想。

【讨论】：