JS/Html Editor

Soyez le premier à donner votre avis sur cette source.

Vue 2 032 fois - Téléchargée 476 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.

Codes Sources

A voir également

Ajouter un commentaire

Commentaire

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

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.