EditArea – Conseil d’importation

Tout sur EditArea

  1. EditArea – Éditeur de code source et colorisation syntaxique
  2. EditArea – Conseil d’importation (cet article)
  3. EditArea – CallBacks (en cours de rédaction)
  4. EditArea – Fonctions (en cours de rédaction)

Il existe plusieurs façons d’importer EditArea dans vos projets. Certaines sont plus complètes, d’autres sont plus rapide ou s’utilisent dans certaines cas.

Ici je vous donnerai tout ce que vous devez savoir pour choisir comment inclure l’éditeur.

Importez la version nécessaire

edit_area_full.js

C’est la façon la plus facile d’utiliser EditArea mais la plus lourde, plus de 100kB.

  • Fonctionne pour toutes les utilisations
  • Un seul appel au serveur
  • Lourd
  • Nécessite plusieurs appels au serveur lors de l’utilisation de plugins
<script type="text/javascript" src="editarea/edit_area/edit_area_full.js"></script>

edit_area_compressor.php

Ressemblant à « edit_area_full.js », il le comprime pour en faire un fichier bien plus petit (environ 25kB). Il enlève les commentaires et le compresse en gzip (edit_area_full.gz) avant de l’envoyer.

  • Léger
  • Un seul appel au serveur
  • Permet la modification du script
  • Nécessite plusieurs appels au serveur lors de l’utilisation de plugins
  • Le serveur doit utiliser PHP
  • Le dossier d’editarea doit être ouvert en écrire pour le cache
<script type="text/javascript" src="editarea/edit_area/edit_area_compressor.php"></script>

edit_area_compressor.php?plugins

Similaire à »edit_area_compressor.php », il importe en même temps tous les plugins en les compressant. Deux fichiers sont générés au passage : « edit_area_full_with_plugins.js » et « edit_area_full_with_plugins.gz ».

  • Léger
  • Un seul appel au serveur
  • Plugins chargés en même temps
  • Permet la modification du script
  • Le serveur doit utiliser PHP
  • Le dossier d’editarea doit être ouvert en écrire pour le cache
<script type="text/javascript" src="editarea/edit_area/edit_area_compressor.php?plugins"></script>

edit_area_full.gz

Il s’agit de la plus petite importation d’editarea. C’est le fichier généré par « edit_area_compressor.php ».

  • Léger
  • Un seul appel au serveur
  • Le serveur doit être capable de renvoyé des fichiers gzippés. (Content-Encoding: gzip)
  • Nécessite plusieurs appels au serveur lors de l’utilisation de plugins
<script type="text/javascript" src="editarea/edit_area/edit_area_full.gz"></script>

edit_area_loader.js

Version originale d’editarea. Utilisez là si vous ne pouvez pas faire autrement.

  • Permet la modification du script
  • Fait 12 appels au serveur
  • Nécessite plusieurs appels au serveur lors de l’utilisation de plugins
<script type="text/javascript" src="editarea/edit_area/edit_area_loader.js"></script>
Tagués avec : , ,
Publié dans Javascript
2 commentaires pour “EditArea – Conseil d’importation
  1. Prost thomas dit :

    Très bon article, mais pourquoi 12 appels au serveur pour edit_area_loader.js ? c’est un nombre qui représente quoi?

  2. Olivier PEREZ dit :

    Grâce à firebug, j’ai pu regarder à quoi correspondaient ces 12 appels au serveur.
    Il s’agit de toutes les fonctionnalités proposées par EditArea, elles sont chargés après l’éditeur lui-même.

    On retrouve par exemple « php.js » pour la colorisation du php et « resize_area.js » pour le redimensionnement de la zone d’édition.

    Je t’ai fait des captures d’écran pour que ce soit plus clair Loader et Full

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*