Diferencia entre revisiones de «CKEditor, el mejor WYSIWYG.»

De KumbiaPHP Framework Wiki
Línea 35: Línea 35:
 
<source lang=html4strict>
 
<source lang=html4strict>
 
<!--
 
<!--
RECUERDA CAMBIAR LO SIGUIENTE 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) POR DEFECTO ESTA EN FALSE Y NO VERAS LOS ARCHIVOS DEL SERVIDOR

Revisión del 16:52 13 ene 2011

<!-- ESTO NORMALMENTE DEBERIA ESTAR EN TU ARCHIVO CSS. ES SOLO PARA EL EJEMPLO DE ABAJO -->
<style>
blue-especial { font color:#266FDC; }
orange-especial { font color:#F2AC24; }
</style>
<?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/' ) ;
// PARA AÑADIR ESTILOS PERSONALIZADOS
CKEDITOR.stylesSet.add( 'default',
[
	// CADA LINEA DE ESTAS ES UNA CLASE TUYA PERSONALIZADA DE TU STYLE O ARCHIVO CSS
	{ name : 'blue-especial', element : 'span', attributes : { 'class' : 'blue' } },
	// RECUERDA. LA ULTIMA LINEA SIN COMA XD
	{ name : 'orange-especial', element : 'span', attributes : { 'class' : 'orange' } }
]);
// 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

1) POR DEFECTO ESTA EN FALSE Y NO VERAS LOS ARCHIVOS DEL SERVIDOR
function CheckAuthentication()
{
	return true;
}

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',
-->