Edición de «Integrar KumbiaPHP Spirit con TinyMCE»
De KumbiaPHP Framework Wiki
Advertencia: no has iniciado sesión. Tu dirección IP se hará pública si haces cualquier edición. Si inicias sesión o creas una cuenta, tus ediciones se atribuirán a tu nombre de usuario, además de otros beneficios.
Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.
Revisión actual | Tu texto | ||
Línea 1: | Línea 1: | ||
− | + | TinyMCE es un editor WYSIWYG de reconocimeinto mundial que a los desarrolladores nos resulta muy util para proporcionar un editor de texto a los usuarios, facil de usar rapido y con controles intuitivos. ''Recordemos que se maneja bajo la licencia LGPL'' | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
En este tutorial veremos como podemos integrarlo (TinyMCE) a nuestro APP con KumbiaPHP. | En este tutorial veremos como podemos integrarlo (TinyMCE) a nuestro APP con KumbiaPHP. | ||
Línea 13: | Línea 7: | ||
== Instalar TinyMCE == | == Instalar TinyMCE == | ||
− | Luego de tener | + | Luego de tener Kumnbiaphp en nuestro servidor, descargaremos el editor desde la [http://tinymce.moxiecode.com/download.php web Oficial] seleccionamos la opcion mas conveniente. Para el caso descargaremso Main package |
Al descargarlo y descomprimirlo tenemos: | Al descargarlo y descomprimirlo tenemos: | ||
Línea 27: | Línea 21: | ||
== Llamado al editor mediante un partial == | == Llamado al editor mediante un partial == | ||
− | Ahora debemos llamar dicho | + | Ahora debemos llamar dicho scrip desde el formulario que tengamos en kumbiaphp y para facilitar el proceso usaremos un Partial (views/partials/tinymce_simple.phtml) |
− | Mediante el uso del Helper javascript_include_tag(); estamos | + | Mediante el uso del Helper javascript_include_tag(); estamos inclullendo la libreria principal de TinyMCE que tiene por nombre tiny_mce.js |
<source lang=php line> | <source lang=php line> | ||
<?php | <?php | ||
Línea 50: | Línea 44: | ||
//language : "es", | //language : "es", | ||
remove_linebreaks : false, | remove_linebreaks : false, | ||
− | theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,sup,sub,separator,bullist,numlist,formatselect,undo,redo,link,unlink,image,visualaid,charmap, | + | theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,sup,sub,separator,bullist, |
− | cleanup,code,separator,emotions,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,", | + | numlist,formatselect,undo,redo,link,unlink,image,visualaid,charmap,cleanup, |
+ | code,separator,emotions,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,", | ||
theme_advanced_buttons2 : "", | theme_advanced_buttons2 : "", | ||
theme_advanced_buttons3 : "", | theme_advanced_buttons3 : "", | ||
Línea 73: | Línea 68: | ||
</source> | </source> | ||
− | Luego de | + | Luego de tenr el partial y todo el contenido de tinyMCE en nuestro servidor procedemos a aplicarlo en un formulario que tengamos. El partial anterior hara que los TexArea de lso formularios contengan un editor de texto con el formato que se especifica en el Partial. |
− | == | + | |
+ | == Ejecucion del editor TinyMCE en un formulario == | ||
Como podemos ver en este formulario, el textarea_tag no incluye nunca una referencia al editor TinyMCE, es el partial quien se encarga de asociarlo. (El formulario puede estar incluido en una vista cualquiera) | Como podemos ver en este formulario, el textarea_tag no incluye nunca una referencia al editor TinyMCE, es el partial quien se encarga de asociarlo. (El formulario puede estar incluido en una vista cualquiera) | ||
Línea 109: | Línea 105: | ||
</source> | </source> | ||
− | Es importante recalcar que se debe incluir el partial luego de haber definido el texarea. de lo contrario no se | + | Es importante recalcar que se debe incluir el partial luego de haber definido el texarea. de lo contrario no se asosiara a dicho textarea |
'''Resultado''' | '''Resultado''' | ||
− | |||
[[Archivo: Formulario_con_TinyMCE.jpg]] | [[Archivo: Formulario_con_TinyMCE.jpg]] | ||
− | |||
− | |||
− | |||
− |