Hinzufügen von benutzerdefinierten Tag-Schaltflächen zu jwysiwyg?

Question

Wie kann ich eine Schaltfläche zu jwysiwyg hinzufügen, die ein HTML-Tag an den ausgewählten Text anhängt? Ich habe dies auf der Grundlage der Dokumentation versucht:

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

... Und es fügt die Schaltfläche hinzu, in Ordnung, aber dann scheint die Schaltfläche nicht wirklich tun irgendetwas. Ich wähle einen Text aus, klicke ihn an, und nichts passiert. Irgendwelche Ideen?

Answer 1

Sie können eine Schaltfläche hinzufügen und die Eigenschaft "exec" wie folgt angeben:

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

Mit $('#wysiwyg').wysiwyg('setContent', '') können Sie die Textarea löschen.