Rails4将文章正文中出现的单词替换为形式

Question

我需要替换'--'和'--'之间的每个单词，每个单词都可以用类似的东西提取：

labels = @post.body.scan(/--(.+?)--/).flatten

但是，我不知道如何生成替换单词的形式（我想用每个单词作为标签）。类似的东西（但确实有效）：

    <% if labels.length > 0 %>
    <strong> <%= 'Replace labels' %> </strong>
    <%= form_tag do %> 
      <% num = 0 %> 
      <%  labels.length.times do %>
      <p>
        <%= label_tag labels[num] %><br>
        <%= text_field_tag labels[num] %>
        <% num = num + 1 %>
      </p>
      <%end%>
      <p>
        <%= submit_tag ("Replace") %>
      </p>
    <% end %>
<% end %>

@post.body="--Lorem ipsum--dolor坐amet，consectetur adipiscingelit，sed do eiusmod tempor incididunt ut labore et--dolore--magnaaliqua。乌特·埃尼姆和小维尼亚姆，诺斯特鲁德侯爵劳力士nisi ut aliquip ex ea commodo consequat--Duis aute--iruredolor在reprephenderit在volupate velit esse cillum dolore eu fugiatnulla pariatur。"

标签[-Lorem ipsum--，--dolore--，--Duis aute-]

在这种情况下，表单包含三个标签和文本字段，用于输入替换标签的文本。

Answer 1

已编辑

我认为一个更简单的解决方案可能只是使用javascript将文本字段与每个标签的输入链接起来：

$(function(){
    var $label_holder = $('#post_labels'),
        $post_body = $('#post_body'),
        tag = /--(.+?)--/g,
        delimiter = /--/g;
    // When the label inputs change
    // Update the body
    $label_holder.on('change keyup', 'input', function(){
        var new_label = '--' + $(this).val() + '--';
        var text = $post_body.val();
        var old_label = text.match(tag)[$(this).index()];
        $post_body.val(text.replace(old_label, new_label));
    });
    // When the body changes
    // Update the label inputs
    $post_body.on('change, keyup', function(){
        var labels = $post_body.val().match(tag);
        labels = $.map(labels, function(str){ return str.replace(delimiter, '') });
        $label_holder.empty();
        // This creates an input for each label
        $(labels).each(function(i, val){
            var input = document.createElement('input');
            input.name = 'labels[' + i + ']';
            input.value = val;
            $label_holder.append(input);
        });
    }).trigger('change');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="edit_post" id="edit_post_5" action="/posts/5" accept-charset="UTF-8" method="post">
  <div class="field">
    <label for="post_body">Body</label><br>
    <textarea name="post[body]" id="post_body" style="margin: 0px; height: 168px; width: 150px;">--Lorem asd-- dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
--asd-- magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
--Duis aute-- irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
    </textarea>
  </div>
  <fieldset>
    <legend>Labels</legend>
    <div class="field" id="post_labels"><input name="labels[0]"><input name="labels[1]"><input name="labels[2]"></div>
  </fieldset>
  <div class="actions">
    <input type="submit" name="commit" value="Update Post">
  </div>
</form>

按下"运行代码段"按钮并尝试一下。

轨道形式如下：

<%= form_for(@post) do |f| %>
  <div class="field">
    <%= f.label :body %><br>
    <%= f.text_area :body %>
  </div>
  <fieldset>
    <legend>Labels</legend>
    <div class="field" id="post_labels">
    </div>
  </fieldset>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

由于我们在javascript中编辑所有标签并发送更新的post[body]，所以我们不必关心rails中的标签。

class PostsController < ApplicationController
  before_action :set_post, only: [:show, :edit, :update, :destroy]
  # GET /posts
  def index
    @posts = Post.all
  end
  # GET /posts/1
  def show
  end
  # GET /posts/new
  def new
    @post = Post.new
  end
  # GET /posts/1/edit
  def edit
  end
  # POST /posts
  def create
    @post = Post.new(post_params)
    if @post.save
      redirect_to @post, notice: 'Post was successfully created.'
    else
      render :new
    end
  end
  # PATCH/PUT /posts/1
  def update
    if @post.update(post_params)
      redirect_to @post, notice: 'Post was successfully updated.'
    else
      render :edit
    end
  end
  # DELETE /posts/1
  def destroy
    @post.destroy
    redirect_to posts_url, notice: 'Post was successfully destroyed.'
  end
  private
    # Use callbacks to share common setup or constraints between actions.
    def set_post
      @post = Post.find(params[:id])
    end
    # Only allow a trusted parameter "white list" through.
    def post_params
      params.require(:post).permit(:body)
    end
end