どのように絵文字置換システムを作るのですか

Question

:)をに置き換えた私のウェブページの一部を作っています。そしていくつかの他のテキストは、絵文字の絵文字のものです。しかし、どうすれば新しいテキスト絵文字（:)、:(など）でも置き換えられるようにするのですか？どんな助けでも大歓迎です。

は、私はおそらく、カスタムの書体を行う必要があります

Answer 1

可能であればそれはJS/jQueryのになりたい、と絵文字のための標準文字を切り替えるには合字を使用します。

あなた安く、簡単にオプションは、変数に現在のDOMを割り当てることであろう全体のDOMを検索し、""

document.body.innerHTML = document.body.innerHTML.replace(':)', '');

よりパフォーマンスの例で:)のすべてのインスタンスを置き換えることであろう、反復処理それでは、DOMを書き直してください。あなたは、パフォーマンスをテストする場合

var newDOM = String(document.body.innerHTML); //stringify current DOM so we don't reference it, we just treat it as a normal string 
newDom = newDOM.replace(':)', ''); //etc. 
document.body.innerHTML = newDOM; 

、これを試してみてください。

var start = performance.now(); 
var newDOM = String(document.body.innerHTML); //stringify current DOM so we don't reference it, we just treat it as a normal string 
newDom = newDOM.replace(':)', ''); //etc. 
document.body.innerHTML = newDOM; 
console.log('timeinMS', performance.now() - start);