ezj.ext.keylighter

HTML 代码

    <div id="keylighter">
      <p>我们可能需要高亮文中的关键词，比如给予从搜索引擎过来的人明确关键词。</p>
      <p>要实现关键词高亮，并不是用 replace 一句这么简单。</p>
        <ul>
          <li>首先，我们要剔除 HTML 标签名称或属性；</li>
          <li>其次，我们要剔除 input、textarea 等标签中的内容，因为它们无法被高亮；</li>
          <li>再次，我们要保证替换后大小写不变。</li>
        </ul>
      <p>所以，用 ezj.ext.keylighter 来解决您的烦恼吧。</p>
    </div>

JavaScript 代码（ezj 代码）

    ezj.ext.keylighter("keylighter", ["关键词", "高亮", "keylighter"], ["#f00", "#0f0", "#00f"], ["#0ff", "#f0f", "#ff0"]);

演示

我们可能需要高亮文中的关键词，比如给予从搜索引擎过来的人明确关键词。

要实现关键词高亮，并不是用 replace 一句这么简单。

首先，我们要剔除 HTML 标签名称或属性；
其次，我们要剔除 input、textarea 等标签中的内容，因为它们无法被高亮；
再次，我们要保证替换后大小写不变。

所以，用 ezj.ext.keylighter 来解决您的烦恼吧。