私は初めての 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'>今お話しします。