JS/Html Editor
Soyez le premier à donner votre avis sur cette source.
Vue 2 831 fois - Téléchargée 579 fois
Description
Bonjour tout le monde. Voici mon second editeur javascript-html. Ce n'est pas vraiment un vrai code de fou mais ca peut servir a faciliter la redaction d'un code (beaucoup mieux que le vieux notepad evidement). L'avantage est que l'on peut tester le code courrant ainsi que l'enregistrement des sources selon les format de votre souhait. Ce qui manque c'est la coloration syntaxique je pense mais je ne sais pas trop comment faire.
Il y a un petit readme en pdf qui explique le tout dans le zip.
Si vous avez des propositions ... mettez les en commentaire s'il vous plait.
Il y a un petit readme en pdf qui explique le tout dans le zip.
Si vous avez des propositions ... mettez les en commentaire s'il vous plait.
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
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.