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