For any positive contact (an idea, proposal, question or congratulations), only one address mail.

Pour tout contact positif (une idée, une proposition, une question ou un compliment), une seule adresse mail.

EasyImage plugin 1.00 EN/FR pour TinyMCE

Freeware Open-source - Ecrit en DHTML - 1re v. le 15/05/2009
capture-écran
cliquez pour agrandir

But

EasyImage ("ezimage" en abrégé) est un plugin qui s'adresse aux développeurs Web utilisant, ou ayant mis en oeuvre dans leurs projets, le trés réputé éditeur HTML WYSIWYG en ligne, TinyMCE (selon son éditeur, Moxiecode Systems AB, je cite : "TinyMCE is the most used WYSIWYG editor in the world"). Le propos du plugin EasyImage est de faciliter le réglage des caractéristiques et de l'agencement d'une image insérée dans l'éditeur TinyMCE. L'objectif était pour moi d'obtenir un plugin intuitif et simple, orienté style plutét que attributs (au sens technique des termes) et couvrant des aspects différents des fonctionnalités livrées en standard avec TinyMCE.
 

Développement

Ce plugin combinant du HTML, du CSS et du javascript a été écrit dans WebExpert 6.x sous Windows. Je l'ai initialement écrit pour les besoins intrinséques de BlosHome 1.0 (c) FFh Lab qui intégre un éditeur TinyMCE é dessein d'éditer des articles de blogs. Il a été testé dans le cadre de l'exemple dit é Full é de TinyMCE 3.2.2 é 3.5.5, sous serveur Apache 2.x en local, sous Windows XP et 7 Pro, accédé é partir d'Internet Explorer et Firefox en principal, puis plus succintement Opera, Safari et Chrome.
 

Fonctionnalités

EasyImage permet d'indiquer l'URL d'une image é insérer (tout comme "AdvImage" livré en standard dans TinyMCE, ni upload ni sélection é la souris ; pour cet aspect connexe, voyez mon conseil dans le manuel PDF), le texte d'un "tooltip" qui apparaitra au survol de l'image ou une légende é placer en dessous d'elle, un texte alternatif en cas de non chargement (ou é son attente), les dimensions de l'image (avec maintien des proportions), la possibilité d'accéder é l'image grandeur réelle en fenétre pop-up (si elle a été réduite), son alignement et les différentes marges vis é vis du texte alentour. Aussi, chaque action est répercutée dans un aperéu temps réel. Les modifications ne sont apportées au document qu'é la validation par un bouton "Insérer" (ou perdues si vous décidez de sortir par le bouton "Annuler"). C'est tout : simple et rapide, pour faire face aux besoins les plus courants d'édition d'un article, tel était le but !
 

Usage

Téléchargez le fichier .zip ci-dessous, puis lisez la rubrique "Installation/Désinstallaton" du manuel PDF qu'il contient. Installation et éventuelle désinstallation se font en quelques opérations simples. Une fois en place dans votre éditeur TinyMCE, lisez la rubrique "Utilisation & Fonctionnalités" afin de le prendre en main.
 

Licence

EasyImage est publié en Freeware et Open-source. Voici la licence telle qu'elle apparait dans la documentation jointe au plugin : "Ce package est Freeware et Open-source. Il ne peut étre vendu. Si vous le modifiez, vous devez conserver la référence é cette version originale é travers cette mention en une place visible dans le code source du plugin et en é é propos é sur l'écran pour l'utilisateur final : é Basé sur EasyImage 1.0 é FFh Lab / Eric Lequien, 2009-2012 é. Si votre plugin dérivé devait devenir un produit commercial, vous devez me contacter pour prendre un accord dépendant de la part de EasyImage dans votre propre développement. Vous étes averti que toute modification brisera tout support de l'auteur. Ainsi, si vous trouvez un é bug é, essayez juste de me décrire un chemin pour le reproduire, plutét que de tenter de le contourner par vous-méme ; bien sér, dans ce cas, vous obtiendrez gracieusement une éventuelle mise é jour le corrigeant. Aucune garantie n'étant attachée é ce code, vous acceptez de l'utiliser é vos risques et étre le seul responsable concernant tout effet direct ou indirect sur vos données et celles de vos utilisateurs finaux."
 

Téléchargement

EasyImage 1.00(version du 26/07/2012 - 0.5 Mo)