cytoscape JS更新ノードラベルを動的fontawesome

Question

例と：に必要とされるもの

https://jsfiddle.net/bababalcksheep/ajhnmcrb/16/

： 私は、動的にノードのコンテンツ名を変更したいと私はユニコードとして、フォント素晴らしいアイコンを使用したいですその中に。

試行回数： コンテンツ：'\uf173'を使用すると、フォントが正しくレンダリングされます。しかし、新しいフォントのUnicodeでノードラベルを更新したい場合、それは機能しません。フォントの代わりに\uf173を単に印刷する

私は入力<input type="text" value="\uf173" id="title">を使用して、idがcy.$('#e')のノードを変更して内容を変更しています。それはコードで指定されたなら

$('#title').on('input', function() { 
     cy.$('#e').css({ 
      content: $('#title').val() 
     }); 
    }); 

Answer 1

Unicodeエスケープ文字はHTMLのみvalueで動作するはずです。入力に\ uf173と入力すると、値は'\\uf173'になります。似たタイプの文字列をUnicodeエスケープ値として認識したい場合は、解析する必要があります。あるいは、ユーザーに実際に何らかの種類のOSシステム・キー・シーケンスを使用して実際の値を入力させる必要があります。

または値を追加するだけです。ユーザーが次のようなことを入力することは期待できません。label: function(node){ return '\uf173' + node.data('label'); }