Historial de un navegante

by Angel

Posts Tagged ‘asp

Cómo poner 2 editores CKeditor en una misma página

with one comment

Leyendo este artículo de Pablo Glanz:

Revisando las estadísticas del pluing Search Term Tagging 1.0, plugin que agrega los keywords de los buscadores a nuestro post he visto que una de las frases con las que llegaron a mi post anterior sobre CKEDITOR fue con “CKEDITOR uno o mas editores en la misma página”. Acá un ejemplo del código para 2 editores en dos áreas de texto llamadas area1 y area2.

<textarea name="area1" cols="50" rows="5">Valor inicial</textarea>

<script type="text/javascript">

CKEDITOR.replace( ‘area1’);

</script>

<textarea name="area2" cols="50" rows="5">Valor inicial</textarea>

<script type="text/javascript">

CKEDITOR.replace( ‘area2’);

</script>

Enlace | Pablo Glanz

Descarga |CKEditor

Web | Web oficial CKEditor

Written by Angel Flores

26 noviembre 2009 at 20:13

Publicado en desarrollo web, diseño web

Tagged with , ,

Personalizar CKEditor | Barra de Herramientas

with 3 comments

Despúes de ver como se Instala CKeditor, aquí tenemos 3 ejemplos de cómo personalizar la botonera de este gran editor HTML Online.

Suponiendo que nuestro campo “Text Area” se llama comentarios, la instalación estándar se hace con el siguiente código y muestra una botonera completa

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’ );

</script>

Ahora si lo que queremos es una botonera más pequeña, con solo unas pocas opciones de textos podemos utilizar la versión “BASIC”

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’,

{

toolbar : ‘Basic’

}

);

</script>

Y este es un ejemplo de cómo personalizar la botonera con las opciones que necesitamos.

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’,

{

toolbar :

[

                    [‘Styles’, ‘Format’],

[‘Bold’, ‘Italic’, ‘-‘, ‘NumberedList’,
‘BulletedList’, ‘-‘, ‘Link’, ‘-‘, ‘About’]

]

} );

</script>

Enlace | Pablo Glanz

Written by Angel Flores

26 noviembre 2009 at 20:12

Publicado en desarrollo web, diseño web

Tagged with , ,

CKEditor, nuevo editor html online

leave a comment »

El famoso FCKEditor tiene una nueva versión online. Se llama CKEditor

La instalación es mucho más simple que su versión anterior.

Después de descargar la última versión de CKEditor y subir la carpeta ckeditor a nuestro servidor sólo necesitamos llamar al JS con la aplicación.

<head>

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>

</head>

Y luego agregar el siguiente código que reemplazará al campo de formulario que necesitamos por uno con todo el editor html.

Suponiedo que nuestro campo de text area se llame “texto” el código quedaría así.

<textarea name="texto">

Valor Inicial

</textarea>

<script type="text/javascript">

CKEDITOR.replace( ‘texto’ );

</script>

En otros post iremos viendo como personalizar la barra de Herramientas.

Enlace | Pablo Glanz

Descarga |CKEditor

Web | Web oficial CKEditor

Written by Angel Flores

26 noviembre 2009 at 20:12

Publicado en desarrollo web, diseño web

Tagged with , ,

Liberado Inkscape 0.47

leave a comment »

Inkscape, una de las mejores aplicaciones de edición de imágenes vectoriales en el universo GNU/Linux (también disponible para Windows y Mac), ha liberado por fin su versión 0.47. El desarrollo del proyecto sigue avanzando y actualmente ya ha conseguido ser una seria alternativa a otros programas comerciales más populares.

Con esta nueva edición, el software ha solucionado una gran cantidad de bugs y se han desarrollado nuevas funcionalidades que sus usuarios agradecerán enormemente. Entre ellas, la nueva función de autoguardado de cada proyecto para evitar perder datos, la herramienta borrador, nuevos efectos para las rutas, una nueva colección de filtros para aplicar directamente sobre las imágenes e incluso un corrector ortográfico para las capas de texto.

También se han añadido nuevas extensiones (calendario, marcas de impresión y guías…) y se han conseguido mejoras importantes en la exportación al formato EPS. Los nuevos Spiro Splines prometen ser una nueva forma para trabajar con las rutas o trayectos directamente desde las herramientas de dibujo y también se ha trabajado en mejorar el sistema de las barras de herramientas y la usabilidad en general de toda la interfaz del programa.

Todavía no está disponible en los repositorios habituales para instalarlo automáticamente, pero será cuestión de tiempo. Ahora mismo puede descargarse el código fuente para compilarlo cada usuario por sí mismo.

Enlace | Release Notes
Enlace | Inkscape

Written by Angel Flores

26 noviembre 2009 at 20:11

Publicado en desarrollo web, diseño web

Tagged with , ,