How to install and use IPWEditor In-Place WYSIWYG editor

1. Download IPWEditor with examples and Dependencies ( you can download IPWEditor code only and download FCKeditor and jQuery from their sites)
2. Add FCKEditor, Jquery and jquery.editable.wysiwyg-1.3.3.js (IPWEditor script) to your page:
   
<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>

3. Create the div to be edited:
   <div id=”editable” class=”myipwe”> Click me! I am editable and WYSIWYG!!! </div>
4. Create the a FCKEditor instance:
   <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/” ;
   …..
5. Create the editable, set the type to wysiwyg, and pass the FCKeditor instance:
   
....
$('.myipwe').editable(
{
type: 'wysiwyg',
editor: oFCKeditor,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});

   </script>

Further documentation and Configuration can be found in FCKeditor and Editable websites.