Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Recuperar Contenido en CKEditor para actualizar un post

Hola a todos *Voz de loquendo*

En este tema les explicaré como tener el CKEditor cargado con la información extraida de la base de datos para cuando queremos actualizar un post por ejemplo.

CKEditor es una herramienta que nos ofrece un editor de tipo wysiwyg (What you see is what you get / Lo que ves es lo que tienes), para aplicarle estilos a nuestro texto a medida que lo escribimos y así subirlo a la base de datos ya estilizado en negrita, cursiva, con tamaños de texto, imágenes, etc..

La forma como integramos CKEditor en nuestro proyecto, es de la siguiente manera.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.ckeditor.com/4.5.4/standard/ckeditor.js"></script>

<textarea name="mensajes" id="mensajes"></textarea>

<script>
     CKEDITOR.replace( 'mensajes' );
</script>
Siendo el ID mensaje igual que el parámetro que recibe la función replace() del javascript. Bien, si lo vemos así tal cual como está observamos que no tiene ningún contenido precargado, está virgen, listo para escribir. Pero nosotros queremos que cargue el contenido de algún post para actualizarlo. Para ello, haremos una consulta a la base de datos pidiendo los datos del post.
<?php

$id_post = $_GET["id"];
$sql = sprintf("SELECT * FROM posts WHERE id=%s", GetSQLValueString($id_post, "int"));
$consulta = mysql_query($sql);
$resultado = mysql_fetch_array($consulta);

?>

Una vez hecha la consulta solo debemos rellenar los campos del formulario (Como ejemplo solo colocaré titulo y el textarea que es el CKEditor).
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.ckeditor.com/4.5.4/standard/ckeditor.js"></script>

<form method="POST" name="OlaKeAse" id="OlaKeMira" action="actualizar.php">

    <!-- Titulo del post -->
    <input type="text" name="titulo" value="<?php echo $resultado["titulo"] ?>">

    <!-- Contenido del post -->
    <textarea name="mensajes" id="mensajes"><?php echo $resultado["contenido"] ?></textarea>
    <script>
         CKEDITOR.replace( 'mensajes' );
    </script>

    <!-- Boton de Actualizar -->
    <input type="submit" value="Actualizar">

</form>
Y bueno, eso es todo.

1
Puntos
3376
Visitas
0
Resp
Por Jose hace 102 meses
Experto Sitio web
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate