🇫🇷 fr
The Chrome Gliffy Diagrams allows you to draw diagrams with ease and works offline.
But the latest version (1.0.32) of the application suffers from a problem of encoding the wording of the translations:
GLIFFY.DICTIONARY.de: "Einige Ihrer �nderungen sind nicht gespeichert."...GLIFFY.DICTIONARY.fr: "Vos modifications n'ont pas été enregistrées"...GLIFFY.DICTIONARY.ru: "ли�� не�о��аненн�е данн�е."...
Hi François, Thanks for reaching out, and I'm sorry you've run into this! The free Chrome app is a limited version of Gliffy Online, so it does not have any other features or capabilities. We, unfortunately, will not be doing any updates to the Chrome app. 👎
- Close the Gliffy Diagrams application
- Identify the
Profile Pathby typingchrome://versionin the Chrome URL bar - Move to
your_profile_path\Extensions\bhmicilclplefnflapjmnngmkkkkpfad\1.0.32_0which is the application folder - Rename the
editor.htmlfile toeditor.html.originfor security - Replace the original file by copying the
editor.htmlfile from the repository - Launch Gliffy Diagrams and see the change: 👍
- 🇩🇪
Entität-Beziehung ... - 🇫🇷
Entité-Relation ... - 🇷🇺
Объект-Взаимосвязь ...
- 🇩🇪
The application uses a javascript template system (handlebars.js) with internationalization i18n labels:
editor.html
<a ... href="#gliffy-sidebar-com-gliffy-library-basic"> {{i18n SIDEBAR_BASIC_SHAPES}} </a>The labels are stored in a dictionary by language:
editor.html
1983 GLIFFY.DICTIONARY.de = $.extend(GLIFFY.DICTIONARY.de, {...,"SIDEBAR_BASIC_SHAPES": "Grundlegende Formen"}They are then "read" in this dictionary when using the template:
js/editor.js
38 {result = this.dict[str]}But they are not encoded correctly (double encoding utf-8), I modified editor.js and the correct encoding is restored:
js/editor.js
38 {result = decodeURIComponent(escape(this.dict[str])}}I applied the correct decoding directly to the entire editor.html file for:
- avoid running
decodeURIComponent(escape())statements each time a label is displayed - make it easy to correct labels that are now "in the clear"
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fix Gliffy editor.html encoding
</title>
<script>
function convert() {
var textIn = document.getElementById("in");
var textOut = document.getElementById("out");
textOut.value= decodeURIComponent(escape(textIn.value));
}
</script>
</head>
<body>
<h1>Fix Gliffy editor.html encoding</h1>
<textarea id="in"></textarea>
<br>
<textarea id="out"></textarea>
<br>
<button onclick="convert();">Conversion</button>
</body>
</html>L'application Chrome Diagrammes de Gliffy permet de dessiner des diagrammes en toute simplicité et fonctionne en mode hors connexion.
Mais la dernière version (1.0.32) de l'application souffre d'un problème d'encodage des libellés des traductions :
GLIFFY.DICTIONARY.de : "Einige Ihrer Änderungen sind nicht gespeichert."...GLIFFY.DICTIONARY.fr : "Vos modifications n'ont pas été enregistrées."...GLIFFY.DICTIONARY.ru : "лиÑ�Ñ� неÑ�оÑ�Ñ�аненнÑ�е даннÑ�е."...
Hi François, Thanks for reaching out, and I'm sorry you've run into this! The free Chrome app is a limited version of Gliffy Online, therefore it does not have as many features or capabilities. We, unfortunately, won't be doing any updates to the Chrome app as we are choosing to focus our efforts on our online product. 👎
- Fermez l'application Diagrammes de Gliffy
- Identifiez le
Chemin d'accès au profilen tapantchrome://versiondans le barre d'URL de Chrome - Déplacez vous dans
votre_chemin_de_profil\Extensions\bhmicilclplefnflapjmnngmkkkkpfad\1.0.32_0qui est le dossier de l'application - Renommez par sécurité le fichier
editor.htmleneditor.html.origin - Remplacez le fichier d'origine en y copiant le fichier
editor.htmldu dépôt - Lancez Diagrammes de Gliffy et constatez le changement :
Entité-RelationRéseauModifier > Rétablir👍
Les libellés du dictionnaire français se trouvent à la ligne 1988, il est facile d'y apporter des modifications/corrections (exemple "barre latÈrale" a été corrigée en "barre latérale").
L'application utilise un système de template javascript (handlebars.js) avec internationalisation i18n des libellés :
editor.html
<a ... href="#gliffy-sidebar-com-gliffy-library-basic"> {{i18n SIDEBAR_BASIC_SHAPES}} </a>Les libellés sont stockés dans un dictionnaire par langue :
editor.html
1988 GLIFFY.DICTIONARY.fr = $.extend(GLIFFY.DICTIONARY.fr, {...,"SIDEBAR_BASIC_SHAPES":"Formes de base",...}Ils sont ensuite "lus" dans ce dictionnaire au moment de lors de l'utilisation du template :
js/editor.js
38 {result=this.dict[str]}Mais ils ne sont pas encodés correctement (double encodage utf-8), j'ai modifié editor.js et l'encodage correct est rétabli :
js/editor.js
38 {result=decodeURIComponent(escape(this.dict[str]))}J'ai appliqué directement le décodage correct à tout le fichier editor.html pour :
- éviter d'exécuter les instructions
decodeURIComponent(escape())à chaque affichage d'un libellé - permettre de corriger facilement les libellés qui sont maintenant "en clair"
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fix Gliffy editor.html encoding
</title>
<script>
function convert() {
var textIn = document.getElementById("in");
var textOut = document.getElementById("out");
textOut.value= decodeURIComponent(escape(textIn.value));
}
</script>
</head>
<body>
<h1>Fix Gliffy editor.html encoding</h1>
<textarea id="in"></textarea>
<br>
<textarea id="out"></textarea>
<br>
<button onclick="convert();">Conversion</button>
</body>
</html>