Edición de «CKEditor wysiwyg para KumbiaPHP»
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: | ||
=== <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 | ||
− | |||
− | |||
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 8: | Línea 6: | ||
2) Ejecuta el partial al final de tu view: View::partial( 'ckeditor' ); | 2) Ejecuta el partial al final de tu view: View::partial( 'ckeditor' ); | ||
− | + | <source lang=html4strict> | |
+ | <!-- ESTO NORMALMENTE DEBERIA ESTAR EN TU ARCHIVO CSS. ES SOLO PARA EL EJEMPLO DE ABAJO --> | ||
+ | <style> | ||
+ | blue-especial { color:#266FDC; } | ||
+ | orange-especial { color:#F2AC24; } | ||
+ | </style> | ||
+ | </source> | ||
<source lang=php> | <source lang=php> | ||
Línea 22: | Línea 26: | ||
<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 AÑADIR ESTILOS PERSONALIZADOS | |
− | // | + | CKEDITOR.stylesSet.add( 'default', |
− | CKEDITOR. | ||
− | |||
− | |||
− | |||
[ | [ | ||
// 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', element : 'span', attributes : { 'class' : 'blue' } }, | + | { name : 'blue-especial', element : 'span', attributes : { 'class' : 'blue' } }, |
// RECUERDA. LA ULTIMA LINEA SIN COMA XD | // RECUERDA. LA ULTIMA LINEA SIN COMA XD | ||
− | { name : ' | + | { name : 'orange-especial', element : 'span', attributes : { 'class' : 'orange' } } |
− | ]; | + | ]); |
− | |||
// 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 46: | Línea 44: | ||
RECUERDA CAMBIAR LOS SIGUIENTES 4 PUNTOS EN /javascript/ckfinder/config.php | RECUERDA CAMBIAR LOS SIGUIENTES 4 PUNTOS EN /javascript/ckfinder/config.php | ||
− | + | 1) POR DEFECTO ESTA EN FALSE Y NO VERAS LOS ARCHIVOS DEL SERVIDOR | |
− | |||
− | |||
− | |||
− | 1) | ||
function CheckAuthentication() | function CheckAuthentication() | ||
{ | { | ||
− | + | return true; | |
− | return | ||
} | } | ||
Línea 69: | Línea 62: | ||
--> | --> | ||
</source> | </source> | ||
− | |||
− | |||
− |