joliclic code

 

Objector icon

Description

Objector est un plugin pour Dotclear 2, permettant l'usage de la balise <object> dans l'éditeur visuel.

Plus précisement, il est possible de saisir des balises en mode code, puis de basculer en mode wysiwyg.
Le plugin étend aussi, au mode wysiwyg, l'insertion de média mp3 ou FLV via le gestionnaire de média (avec le bouton dédié).
Il étend également le plugin externalMedia (si présent), dorénavant accessible depuis le mode wysiwyg.
Le plugin Pages (si présent), bénéficie lui aussi de ces fonctionnalités en mode wysiwyg.

Testé pour l'instant sur Firefox 2, Firefox 3, Opera 9.27, IE6 et IE7 (à la va vite). Tout retour de navigateurs est évidement le bienvenu ;) .

Ce plugin n'agit que sur l'éditeur visuel, c'est à dire côté client. Si les HTML filter sont activés sur le blog, et que le code de l'object n'est pas valide, côté serveur Dotclear corrigera/supprimera la balise dans le billet.

screenshot :

Télécharger

version beta 0.1 pour Dotclear 2

télécharger objector-0.1beta.zip

(Vos retours sont les bienvenus ;)

code source (les js sont "minifiés" dans le plugin distribué) 

télécharger objector-src-0.1.tar.gz

date : 2008-09-11

Licence : GPL 2.0

Installation

Copier le dossier "objector" décompressé dans le dossier "plugins" de Dotclear. C'est tout :) .

A l'attention des développeurs 

Les auteurs de plugins agissant sur l'éditeur peuvent facilement se servir d'objector.

Une méthode objector_insertEscapedHTML est ajoutée à jsToolbar.prototype, qui permet d'insérer une chaine de caractère HTML, les <object> étant alors correctement traités.

exemple (alarache) :

jsToolbar.prototype.myFunction = function() {
  // on teste la présence du plugin Objector.
  if (!objector) return;
  
  $html = '<div>' +
          '<object type="audio/mpeg" data="test.mp3" width="200" height="20">' +
          '<param name="src" value="test.mp3">' +
          '</object></div>';
  
  if (this.mode == 'wysiwyg')
    // this est l'instance d'un éditeur visuel
    this.objector_insertEscapedHTML($html);
  
  // le HTML est inséré à l'endroit du curseur, ou remplace la sélection existante.
}

vidéo de démonstration

vidéo au format ogg

objector en action

télécharger la vidéo au format ogg