Per al projecte en el que estic treballant, necessitava mostrar un popup amb un editor de text. L'editor elegit ha segut el tinyMCE editor (http://www.tinymce.com/). Per tant, vaig decidir modificar el apprise. Primer anem a explicar com funciona el tinyMCE. Necessita un textarea (etiqueta <textarea>) que transformarà en un editor. El podrem identificar per classe, per nom, per id... Per exemple per a transformar amb un identificador:
tinymce.init({selector: "textarea#"+idTiny });
Això seleccionaria el textarea amb identificador contingut en idTiny. Val a dir que gasta la nomenclatura jquery, ja que utilitza esta biblioteca.
Aleshores, si volem que mostre un editor haurem d'afegir al popup, una etiqueta textarea, sobre la línia 180, veurem que trobem:
$Apprise.html('').append( $_inner.append('<div class="apprise-content">'
que té pinta de ser el codi, afegit les etiquetes <textarea> amb un identificador arreu (per començar) i després, al final del codi de la funció Apprise, inicialitzem l'editor:
tinymce.init({selector: "textarea#"+idTiny });
Ara, des d'una web, incloent previament el tinyMCE i jquery, podrem obrir el nou apprise amb editor:
Apprise('text');
Que mostrarà el contingut 'text' en l'editor. Al meu github teniu una variació que ens permet passar-li paràmetres, entre altres coses dir-li el tipus. Si és "tinyMCE", crearà l'editor, si no, es portarà com sempre:
tinymce.init({selector: "textarea#"+idTiny });
Això seleccionaria el textarea amb identificador contingut en idTiny. Val a dir que gasta la nomenclatura jquery, ja que utilitza esta biblioteca.
Aleshores, si volem que mostre un editor haurem d'afegir al popup, una etiqueta textarea, sobre la línia 180, veurem que trobem:
$Apprise.html('').append( $_inner.append('<div class="apprise-content">'
que té pinta de ser el codi, afegit les etiquetes <textarea> amb un identificador arreu (per començar) i després, al final del codi de la funció Apprise, inicialitzem l'editor:
tinymce.init({selector: "textarea#"+idTiny });
Ara, des d'una web, incloent previament el tinyMCE i jquery, podrem obrir el nou apprise amb editor:
Apprise('text');
Que mostrarà el contingut 'text' en l'editor. Al meu github teniu una variació que ens permet passar-li paràmetres, entre altres coses dir-li el tipus. Si és "tinyMCE", crearà l'editor, si no, es portarà com sempre:
Comentaris
Publica un comentari a l'entrada