JS/Html Editor
AFmika
Messages postés
25
Date d'inscription
mardi 14 juillet 2015
Statut
Membre
Dernière intervention
24 juin 2016
-
2 janv. 2016 à 14:50
Vince_02 Messages postés 32 Date d'inscription dimanche 15 mai 2005 Statut Membre Dernière intervention 14 janvier 2016 - 11 janv. 2016 à 01:29
Vince_02 Messages postés 32 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
https://codes-sources.commentcamarche.net/source/101327-js-html-editor
Modifié par Vince_02 le 11/01/2016 à 02:03
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