IPWEditor, In-Place Editor WYSIWYG

Editor in place Complex

WYSIWYG es el acrónimo de What You See Is What You Get (en inglés, "lo que ves es lo que obtienes"). Y el término In-Place EditEdit In Place) se refiere a la posibilidad de editar un texto y guardar luego los cambios en la misma página web sin salir de esta.

IPWEditor provee ambas funcionalidades permitiendo cargar un complejo editor de texto al momento de editar algún contenido en la página web. Este In-Place Editor es una combinación de jQuery y el editor FCKeditor, el cual mencionamos anteriormente cómo alternativa al potente TinyMCE.

Uso básico

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.editable.wysiwyg-1.3.3.js"></script>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

<div id="editable" class="myipwe"> Click me! I am editable and WYSIWYG!!! </div>

<script type="text/javascript">
//set all the FCKeditor configuration here and pass it to the editable
var oFCKeditor = new FCKeditor( 'editor1') ;
oFCKeditor.BasePath = "/ipwe/fckeditor/" ;

$('.myipwe').editable(
{
type: 'wysiwyg',
editor: oFCKeditor,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});

</script>

Enlace | Doc y demo

2 thoughts on “IPWEditor, In-Place Editor WYSIWYG

  1. Buenas, la verdad es que está genial esto.
    Se que esto funciona con el jquery edit, y es que hay una versión 1.7.1 que es la nueva, en la que si hay un ruta a la que envia los datos por $_POST y entonces puedo trabajar tranquilamente con ellos, para subir los datos nuevos a la BD pero es que no son compatibles esta versión con esto.
    Asi que realmente tengo dos dudas que es la de saber con esta versión como hacer para subir los cambios a la base de datos.
    O sino a ver si se puede actualizar esto a la versión de jquery.edit 1.7.1 lo cual seria perfecto.
    Saludos

  2. Me parece interesante, de echo es lo que ando buscando, ya cheque otros parecidos pero no tengo la idea como aggregarlo a una base dedatos suponiendo mysql y que aguerde el texto WYSIWYG y volver a ver tal texto en una consulta.
    Alguna idea

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.