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:
{{cleanupbox
+
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''
|image=[[Archivo:Information_icon4.png|45px]]
 
|texto ='''Este Artículo cumple con todos los quererimientos de los Kumbieros.'''<br />
 
}}
 
 
 
 
 
[http://tinymce.moxiecode.com/ TinyMCE] es un editor [http://es.wikipedia.org/wiki/WYSIWYG WYSIWYG] de reconocimiento mundial que a los desarrolladores nos resulta muy útil para proporcionar un editor de texto a los usuarios, fácil de usar, rápido 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 Kumbiaphp en nuestro servidor, descargaremos el editor desde la  [http://tinymce.moxiecode.com/download.php web Oficial] seleccionamos la opción mas conveniente. Para el caso descargaremos Main package
+
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 script desde el formulario que tengamos en kumbiaphp y para facilitar el proceso usaremos un Partial (views/partials/tinymce_simple.phtml)
+
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 incluyendo la librería principal de TinyMCE que tiene por nombre tiny_mce.js
+
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 tener 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 los formularios contengan un editor de texto con el formato que se especifica en el Partial.
+
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.
  
== Ejecución del editor TinyMCE en un formulario ==
+
 
 +
== 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 asociara a dicho textarea
+
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]]
 
[[Categoría:Tutoriales KumbiaPHP]]
 
[[Categoría:Views]]
 
[[Categoría:Partials]]
 

Ten en cuenta que todas las contribuciones a KumbiaPHP Framework Wiki pueden ser editadas, modificadas o eliminadas por otros colaboradores. Si no deseas que las modifiquen sin limitaciones, no las publiques aquí.
Al mismo tiempo, asumimos que eres el autor de lo que escribiste, o lo copiaste de una fuente en el dominio público o con licencia libre (véase Proyecto:Derechos de autor para más detalles). ¡No uses textos con copyright sin permiso!

Para editar esta página, responde la pregunta que aparece abajo (más información):

Cancelar Ayuda de edición (se abre en una ventana nueva)

Plantilla usada en esta página: