JS/Html Editor

Messages postés
25
Date d'inscription
mardi 14 juillet 2015
Statut
Membre
Dernière intervention
24 juin 2016
- - Dernière réponse : Vince_02
Messages postés
33
Date d'inscription
dimanche 15 mai 2005
Statut
Membre
Dernière intervention
14 janvier 2016
- 11 janv. 2016 à 01:29
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/101327-js-html-editor

Vince_02
Messages postés
33
Date d'inscription
dimanche 15 mai 2005
Statut
Membre
Dernière intervention
14 janvier 2016
1 -
Coucou,

J'ai testé ton script, il est sympathique. Le premier soucis, c'est ActiveX qui limite l'utilisation qu'a IE uniquement et le second, il aime pas la touche tab.

A vérifier, je dis peut être une bêtise, mais il me semble que l'on peut créer une sorte de popup ou iframe, en modifiant les entêtes histoire de forcer un téléchargement (ce qui fera office de sauvegarde).

Ensuite, pour la coloration syntaxique, soit tu utilise un script qui existe déjà, par exemple : http://prismjs.com/index.html.
Ou tu le fais toi même grâce aux évènements telque onKeyUp, onKeyDown, onChange faisant appel à une fonction du style :
function color() {
  var e = document.getElementById('code');
  var s = e.value;
  s = s.replace(/(document|window|new|var|for|while|if|else|switch|catch|break|do|try|catch)/gi, '<span class="js-keyword">$1</span>');
  e.value = s;
}


Pas très propre, mais l'idée y est ^^

En espérant t'avoir aidé ;)

Cordialement,
-------------------------------------------------------------------------------------------
Edit :

Après recherche, il est impossible de modifier le header, content-type etc en javascript.
J'ai par contre trouver un script qui pourrait t'intéresser, fonctionnant sur les navigateurs moderne : https://github.com/eligrey/FileSaver.js/blob/master/FileSaver.js