Cytoscape dynamiquement avec fontawesome

Question

Exemple:

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

Ce qui est nécessaire: Je souhaite modifier dynamiquement le nom contenu du noeud et je veux utiliser la police icône impressionnante comme unicode dedans.

Essais: Si j'utilise le contenu: '\uf173', la police rend correctement. Mais si je veux mettre à jour l'étiquette de noeud avec la nouvelle police unicode, cela ne fonctionne pas. il imprime simplement \uf173 au lieu de la police

J'utilise l'entrée <input type="text" value="\uf173" id="title"> pour changer de nœud avec l'identifiant cy.$('#e') pour changer son contenu.

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

Answer 1

Un caractère d'échappement unicode ne doit travailler en HTML value si elle est spécifiée dans le code. Si vous tapez \ uf173 dans une entrée, il a la valeur '\\uf173'. Vous devrez analyser si vous voulez reconnaître une chaîne typée similaire à la valeur d'échappement Unicode. Ou vous devrez demander à l'utilisateur de taper la valeur réelle que vous voulez en utilisant une sorte de séquence de touches du système d'exploitation.

Ou ajoutez simplement la valeur. Je ne m'attendrais pas à ce qu'un utilisateur tape des choses comme ça: label: function(node){ return '\uf173' + node.data('label'); }