Diferencia entre revisiones de «CKEditor wysiwyg para KumbiaPHP»
De KumbiaPHP Framework Wiki
| (No se muestran 5 ediciones intermedias del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
=== <font color="red">CODIGO ESCRITO EN BETA 2, PARA LA BETA 1 CAMBIAR Tag::js POR javascript_include_tag</font> === | === <font color="red">CODIGO ESCRITO EN BETA 2, PARA LA BETA 1 CAMBIAR Tag::js POR javascript_include_tag</font> === | ||
0) Descarga el ckeditor y el ckfinder en /public/javascript/ckeditor y /public/javascript/ckfinder | 0) Descarga el ckeditor y el ckfinder en /public/javascript/ckeditor y /public/javascript/ckfinder | ||
| + | |||
| + | DESCARGA: http://ckeditor.com/download y http://ckfinder.com/download | ||
1) Guarda el codigo de abajo en /app/views/_shared/partials/ckeditor.phtml | 1) Guarda el codigo de abajo en /app/views/_shared/partials/ckeditor.phtml | ||
| Línea 6: | Línea 8: | ||
2) Ejecuta el partial al final de tu view: View::partial( 'ckeditor' ); | 2) Ejecuta el partial al final de tu view: View::partial( 'ckeditor' ); | ||
| − | < | + | 3) No te olvides de poner la clase ckeditor a los textarea. ej: <textarea class="ckeditor" ... |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<source lang=php> | <source lang=php> | ||
| Línea 26: | Línea 22: | ||
<script> | <script> | ||
// RUTA DEL CKFINDER. FEATURES: http://docs.cksource.com/ckfinder_2.x_api/ | // RUTA DEL CKFINDER. FEATURES: http://docs.cksource.com/ckfinder_2.x_api/ | ||
| − | CKFinder.setupCKEditor( CKEDITOR, '/javascript/ckfinder/' ) ; | + | CKFinder.setupCKEditor( CKEDITOR, '/javascript/ckfinder/' ); |
| − | // PARA | + | |
| − | CKEDITOR. | + | // CLASES PARA VERLAS REFLEJADAS EN EL CKEDITOR |
| + | CKEDITOR.config.contentsCss = [ '/css/my.css', '/css/style.css' ]; | ||
| + | |||
| + | // CLASES PARA ELEGIR EN EL CKEDITOR QUE ESTEN EN LOS ARCIVOS QUE PUSISTE EN CKEDITOR.config.contentsCss | ||
| + | CKEDITOR.config.stylesSet = | ||
[ | [ | ||
// CADA LINEA DE ESTAS ES UNA CLASE TUYA PERSONALIZADA DE TU STYLE O ARCHIVO CSS | // CADA LINEA DE ESTAS ES UNA CLASE TUYA PERSONALIZADA DE TU STYLE O ARCHIVO CSS | ||
| − | { name : 'blue | + | { name : 'blue', element : 'span', attributes : { 'class' : 'blue' } }, |
// RECUERDA. LA ULTIMA LINEA SIN COMA XD | // RECUERDA. LA ULTIMA LINEA SIN COMA XD | ||
| − | { name : ' | + | { name : 'red', element : 'span', attributes : { 'class' : 'red' } } |
| − | ] | + | ]; |
| + | |||
// PARA CONFIGURAR LA ALTURA DEL TEXTAREA. MAS FEATURES: http://docs.cksource.com/ckeditor_api/ | // PARA CONFIGURAR LA ALTURA DEL TEXTAREA. MAS FEATURES: http://docs.cksource.com/ckeditor_api/ | ||
CKEDITOR.config.height = 400; | CKEDITOR.config.height = 400; | ||
</script> | </script> | ||
| + | |||
</source> | </source> | ||
| Línea 44: | Línea 46: | ||
RECUERDA CAMBIAR LOS SIGUIENTES 4 PUNTOS EN /javascript/ckfinder/config.php | RECUERDA CAMBIAR LOS SIGUIENTES 4 PUNTOS EN /javascript/ckfinder/config.php | ||
| − | 1) | + | 0) AÑADE ARRIBA DEL TODO DEL ARCHIVO EL INICIO DE SESION |
| + | <?php | ||
| + | session_start(); | ||
| + | |||
| + | 1) AQUI ES DONDE PERMITES A LOS USUARIOS LOGEADOS (CON LA CLASE AUTH DEL FW) PARA SUBIR FICHEROS | ||
function CheckAuthentication() | function CheckAuthentication() | ||
{ | { | ||
| − | return | + | $is_valid = isset($_SESSION['KUMBIA_AUTH_VALID']['default']) ? $_SESSION['KUMBIA_AUTH_VALID']['default'] : FALSE; |
| + | return $is_valid; | ||
} | } | ||
Revisión actual del 14:32 27 jun 2013
CODIGO ESCRITO EN BETA 2, PARA LA BETA 1 CAMBIAR Tag::js POR javascript_include_tag[editar]
0) Descarga el ckeditor y el ckfinder en /public/javascript/ckeditor y /public/javascript/ckfinder
DESCARGA: http://ckeditor.com/download y http://ckfinder.com/download
1) Guarda el codigo de abajo en /app/views/_shared/partials/ckeditor.phtml
2) Ejecuta el partial al final de tu view: View::partial( 'ckeditor' );
3) No te olvides de poner la clase ckeditor a los textarea. ej: <textarea class="ckeditor" ...
<?php
# CKEDITOR, EDITOR WYSIWYG. DESCARGA: http://ckeditor.com/download
echo Tag::js( 'ckeditor/ckeditor' );
# CKFINDER, EXPLORADOR DE ARCHIVOS. DESCARGA: http://ckfinder.com/download
echo Tag::js( 'ckfinder/ckfinder' );
?><script>
// RUTA DEL CKFINDER. FEATURES: http://docs.cksource.com/ckfinder_2.x_api/
CKFinder.setupCKEditor( CKEDITOR, '/javascript/ckfinder/' );
// CLASES PARA VERLAS REFLEJADAS EN EL CKEDITOR
CKEDITOR.config.contentsCss = [ '/css/my.css', '/css/style.css' ];
// CLASES PARA ELEGIR EN EL CKEDITOR QUE ESTEN EN LOS ARCIVOS QUE PUSISTE EN CKEDITOR.config.contentsCss
CKEDITOR.config.stylesSet =
[
// CADA LINEA DE ESTAS ES UNA CLASE TUYA PERSONALIZADA DE TU STYLE O ARCHIVO CSS
{ name : 'blue', element : 'span', attributes : { 'class' : 'blue' } },
// RECUERDA. LA ULTIMA LINEA SIN COMA XD
{ name : 'red', element : 'span', attributes : { 'class' : 'red' } }
];
// PARA CONFIGURAR LA ALTURA DEL TEXTAREA. MAS FEATURES: http://docs.cksource.com/ckeditor_api/
CKEDITOR.config.height = 400;
</script><!--
RECUERDA CAMBIAR LOS SIGUIENTES 4 PUNTOS EN /javascript/ckfinder/config.php
0) AÑADE ARRIBA DEL TODO DEL ARCHIVO EL INICIO DE SESION
<?php
session_start();
1) AQUI ES DONDE PERMITES A LOS USUARIOS LOGEADOS (CON LA CLASE AUTH DEL FW) PARA SUBIR FICHEROS
function CheckAuthentication()
{
$is_valid = isset($_SESSION['KUMBIA_AUTH_VALID']['default']) ? $_SESSION['KUMBIA_AUTH_VALID']['default'] : FALSE;
return $is_valid;
}
2) AQUI EL PUBLIC DE TU APP
$baseUrl = '/';
3) CAMBIA images POR img
'url' => $baseUrl . 'img',
'directory' => $baseDir . 'img',
4) CAMBIA flash POR swf
'url' => $baseUrl . 'swf',
'directory' => $baseDir . 'swf',
-->