Nokogiri用<span>ed单词</span>替换内部文本

Question

Here's an example HTML fragment:

<p class="stanza">Thus grew the tale of Wonderland:<br/>
  Thus slowly, one by one,<br/>
  Its quaint events were hammered out -<br/>
  And now the tale is done,<br/>
  And home we steer, a merry crew,<br/>
  Beneath the setting sun.<br/></p>

I need to surround each word with a <span id="w0">Thus </span> like this:

<span id='w1'>Anon,</span> <span id='w2'>to</span> <span id='w3'>sudden</span> 
<span id='w4'>silence</span> <span id='w5'>won,</span> ....

I written this which creates the new fragment. How do I replace/swap the new for old?

def callchildren(n)
  n.children.each do |n| # call recursively until arrive at a node w/o children
    callchildren(n)
  end
  if n.node_type == 3 && n.to_s.strip.empty? != true 
    new_node = ""
    n.to_s.split.each { |w|
      new_node = new_node + "<span id='w#{$word_number}'>#{w}</span> "
      $word_number += 1
    }  
    # puts new_node 
    # HELP? How do I get new_node swapped in?
  end
end

Answer 1

My attempt to provide a solution for your problem:

require 'nokogiri'

Inf = 1.0/0.0

def number_words(node, counter = nil)
  # define infinite counter (Ruby >= 1.8.7)
  counter ||= (1..Inf).each
  doc = node.document

  unless node.is_a?(Nokogiri::XML::Text)
    # recurse for children and collect all the returned
    # nodes into an array
    children = node.children.inject([]) { |acc, child|
      acc += number_words(child, counter)
    }
    # replace the node's children
    node.children = Nokogiri::XML::NodeSet.new(doc, children)
    return [node]
  end

  # for text nodes, we generate a list of span nodes
  # and return it (this is more secure than OP's original
  # approach that is vulnerable to HTML injection)n
  node.to_s.strip.split.inject([]) { |acc, word|
    span = Nokogiri::XML::Node.new("span", node)
    span.content = word
    span["id"] = "w#{counter.next}"
    # add a space if we are not at the beginning
    acc << Nokogiri::XML::Text.new(" ", doc) unless acc.empty?
    # add our new span to the collection
    acc << span
  }
end

# demo
if __FILE__ == $0
  h = <<-HTML
  <p class="stanza">Thus grew the tale of Wonderland:<br/>
    Thus slowly, one by one,<br/>
    Its quaint events were hammered out -<br/>
    And now the tale is done,<br/>
    And home we steer, a merry crew,<br/>
    Beneath the setting sun.<br/></p>
  HTML

  doc = Nokogiri::HTML.parse(h)
  number_words(doc)
  p doc.to_xml
end

Answer 2

Given a Nokogiri::HTML::Document in doc , you could do something like this:

i = 0
doc.search('//p[@class="stanza"]/text()').each do |n|
    spans = n.content.scan(/\S+/).map do |s|
        "<span id=\"w#{i += 1}\">" + s + '</span>'
    end
    n.replace(spans.join(' '))
end