0

私は初めての Meteor アプリを作成しています。正規表現マッチャーは、私が作成している最初のコンポーネントです。一致をスパンタグで囲むことにより、編集可能な文字列内の一致するアイテムを強調表示します。

バニラ JavaScript でマッチの周りにタグを作成する方法を見つけました: http://jsbin.com/iXUVUJA/1/

しかし、Meteor テンプレートに追加した方法では、タグがブラウザーに表示されています。ブラウザでタグを html として読み取る方法はありますか?

私の .js ファイルからの関連コードは次のとおりです。

var str = "There are thousands and thousands of uses for corn... All of which I will tell you about right now.";
var regEx = /[A-Z]/g;

if (Meteor.isClient) {
  Template.sampleText.someText = function() {
    return str.replace(regEx, ("span class='highlighted'>" + "$&" + "</span>") );
  };
}

そして、これが私の .html ファイルからの関連コードです。

<template name="sampleText">
  {{someText}}
</template>

これは、サーバーからのページの出力です。

span class='highlighted'>とうもろこしには何千もの用途があります... span class='highlighted'>そのすべて span class='highlighted'>今お話しします。

4

1 に答える 1