jquery - 将 附加到 rails 中的关键字

Question

基本上，我想挑选出一些关键字并为它们动态分配链接。

我应该怎么做？

假设我有这样的东西；

<p>ruby, rails, php, python, django and sinatra</p>

我想将链接分配给 ruby​​ 和 python 等关键字，因此最终结果应该如下所示；

<p><a href="http://www.ruby-lang.org">ruby</a>, rails, php, <a href="http://www.python.org">python</a>, django and sinatra</p>

如有任何帮助或建议，我们将不胜感激!

Answer 1

一种方法，假设您只想链接整个单词:

html = "<p>ruby, rails, php, python, django and sinatra</p>"

word_links = { "ruby"   => "http://www.ruby-lang.org",
               "python" => "http://www.python.org" }

html.gsub(/\w+/) do |word|
  word_links[word] ? "<a href=\"#{word_links[word]}\">#{word}</a>" : word
end

如果您正在操作的文本相当大，但您要链接的单词列表非常小，则可以通过仅对匹配的单词进行替换来稍微优化一下:

html.gsub(/\b(#{word_links.keys.join('|')})\b/,
          "<a href=\"#{word_links[$1]}\">#{$1}</a>")

只需确保您没有任何可以出现在开始标记内的关键字(例如在属性值内，这将完全破坏此解决方案。)对于真正强大的解决方案，您必须使用适当的HTML 解析器并仅替换内容文本。