Ajout de boutons de tag personnalisés à jwysiwyg?

Question

Comment puis-je ajouter un bouton à jwysiwyg qui ajoutera une balise HTML au texte sélectionné? J'ai essayé, sur la base de la documentation:

$('#wysiwyg').wysiwyg({ 
    controls: { 
     tt: { visible: true, tags: ['tt'], css: { class: 'tt', className: 'tt' } } 
    } 
}) 

... Et il ajoute le bouton, tout droit, mais le bouton ne semble pas réellement faire quoi que ce soit. Je sélectionne du texte, clique dessus, et rien ne se passe. Des idées?

Answer 1

Vous pouvez ajouter un bouton et spécifiez le 'exec' la propriété, comme ceci:

$('#wysiwyg').wysiwyg({ 
    controls: { 
     tt: { 
      visible: true, 
      tags: ['tt'], 
      css: { class: 'tt', className: 'tt' }, 
      exec: function(){ 
        //Do Something 
       } 
      } 
    } 
}); 

avec $ ('# wysiwyg') wysiwyg ('setContent', '') vous pouvez effacer la zone de texte. .