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

De KumbiaPHP Framework Wiki
(Página creada con '<!-- 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; }...')
 
Línea 5: Línea 5:
 
</style>
 
</style>
  
 +
<pre format=php>
 
<?php
 
<?php
 
# CKEDITOR, EDITOR WYSIWYG. DESCARGA: http://ckeditor.com/download
 
# CKEDITOR, EDITOR WYSIWYG. DESCARGA: http://ckeditor.com/download
Línea 11: Línea 12:
 
echo Tag::js( 'ckfinder/ckfinder' );
 
echo Tag::js( 'ckfinder/ckfinder' );
 
?>
 
?>
 +
</pre>
  
 
<script>
 
<script>

Revisión del 16:43 13 ene 2011

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