2017-04-14 53 views
0

示例動態標籤:Cytoscape的JS更新節點與fontawesome

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

需要什麼: 我想動態改變節點的內容的名字,我想使用的字體真棒圖標爲Unicode在裏面。

嘗試: 如果我使用內容:'\uf173',字體呈現正確。但是,如果我想用新的字體unicode更新節點標籤,則不起作用。它只是打印\uf173而不是字體

我正在使用輸入<input type="text" value="\uf173" id="title">更改ID爲e e的節點以更改其內容。如果在代碼的指定

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

回答

0

的unicode轉義字符只應在HTML value工作。如果您在輸入中鍵入了\ uf173,則其值爲'\\uf173'。如果您想將類似的類型字符串識別爲unicode轉義值,則必須解析。或者你必須讓用戶使用某種OS系統密鑰序列實際輸入你想要的真實值。

或者只是附加值。我不希望用戶輸入類似的東西:label: function(node){ return '\uf173' + node.data('label'); }