nyroBlog
Bannière NyroBlog, par emi
Image par emi - ?

Tag : JavaScript


TinyMCE, version gzippée

Lorsqu'on charge un éditeur TinyMCE pour la 1ère fois sur un site, le chargement est assez long, car il faut tout charger les javascripts qui ne sont pas compressés.

MoxieCode a résolu le problème (je ne sais pas depuis quand) en proposant en téléchargement le TinyMCE compressor, disponible pour PHP, .Net, JSP, CFM et Ruby. Le gain est estimé à 75%, rien que ça. Pour le téléchargé, rendez-vous sur la page habituelle de téléchargement, et descendez un peu l'ascenseur de la page...

Lisez bien le fichier fourni dans l'archive du compresseur pour faire l'installation et tous se passera bien.

Je viens de tester, et le résultat est bluffant !

Vignette de site, Snap Preview améliore son service

Je vous avais parlé ici du service de Snap qui permet de générer des vignettes de sites sur les liens externes.

Bonne nouvelle aujourd'hui, je reçois un mail de leur part, indiquant que le service est disponible en français (et dans 9 autres langues), avec un générateur du code javascript très simple à utiliser.

Vous pouvez maintenant choisir la couleur, décider d'afficher ou non le moteur de recherche, afficher la vignette en grand format (déconseillé selon moi, car vraiment énorme), de mettre votre logo (pas testé) et d'afficher la vignette que pour les liens externes (c'est l'option "Liens externes de l’aperçu" dans les options avancés) ou que pour les liens internes ou les deux, et enfin de chargé le script à la fin du chargement de la page : Fortement conseillé pour ne pas géner les utilisateurs. De plus, en plaçant ce code à la fin du body, c'est tout bénéf.

Je me suis donc empressé de modifier le bout de script sur mon blog.

Au fait, vous pensez quoi de ce service ? Utile, nul, embêttant, indifférent ?

TinyMce : plusieurs configs de l'éditeur sur la même page

Pendant longtemps, il était impossible (ou du moins, j'ai jamais vraiment cherché) d'afficher plusieurs éditeurs WYSIWYG TinyMce sur la même page, mais avec des configurations différentes.

Les exemples de TinyMce viennent d'être mises à jour, et parmi elles, la 10ème nous montre comment faire simplement, grâce à editor_selector (que je n'avais jamais vu auparavant). Pour le faire fonctionner, il faut que l'élément à mettre en éditeur ai la classe donné par ce paramètre

De plus, l'inverse existe aussi editor_deselector, montré en exemple sur un autre exemple.

Enfin, avec les exemples 7 et 8, on peut facilement faire un load de l'éditeur à la demande lors du clic dans le textarea, et le décharger lorsqu'on en sort avec les événements onBlur et onFocus.

Une bonne nouvelle qui me ravit, car c'est un des éléments qui manquait selon moi à TinyMce, qui est l'éditeur WYSIWYG que j'utilise dans mes admins, pour son aspect pro et sa robustesse.

JavaScript - Tutoriaux, exemples et autres

Mes favoris de la section JavaScript :

Et puis 4 sites de références de Javascript. Chacun ont leurs avantages et inconvénients. J'utilise ne priorité celle du W3C car elle est la plus simple à utilisé, mais après les autres se valent à peu de choses près.