Lo primero que tenemos que hacer es incluir el script de CKEditor:

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

Como se puede ver tenemos CKEditor dentro de una carpeta con el mismo nombre. Acto seguido, en alguna parte de la página, tendremos que tener un textarea de la siguiente forma:

<textarea name="editor">Esto es un ejemplo de CKEditor</textarea>

Ahora tenemos dos opciones, veamos la primera:

<script type="text/javascript">
CKEDITOR.replace('editor');
</script>

Si optamos por esta opción tendremos que poner el código en cualquier parte de la página, pero siempre después de la definición del textarea que será nuestro editor.
Si queremos colocar el código, que crea el editor, en el head de la página podemos optar por esta otra opción:

<script type="text/javascript">
window.onload = function()
{
    CKEDITOR.replace('editor');
}
</script>

Para que de esta forma se espere a que cargue la página para crear el editor. Podemos ver una demo en la siguiente página:

Demo de CKEditor.

Aquí termina este primer acercamiento a este, más que interesante, editor.

Esta vez le daré una temática completamente diferente al blog, decantandome principalmente por el desarrollo web, aunque es posible que se aborden otros temas (siguiendo la máxima de “el blog es mio y me lo …”).

Un saludo y bienvenidos a mjcarrascosa.com.