IPWEditor provides easy in-place editing for Web pages with a layer of WYSIWYG. It allows you to seamlessly replace text on Web pages with inputs for on-the-spot editing.
Up until now IPWEditor has integrated only with FCKeditor. The major feature in this release is integration with TinyMCE, a popular WYSIWYG editor.
Developers can now choose to run IPWEditor with either FCKeditor or with TinyMCE editor using the same IPWEditor code.
DEMO (TinyMCE)
Click me! I am editable and WYSIWYG!!! (TinyMCE)
Code behind:
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.editable.ipweditor-1.2.js"></script>
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<div id="editable" class="myipwe1"> Click me! I am editable and WYSIWYG!!! </div>
<script type="text/javascript">
//set all the tinyMCE configuration here and pass it to the editable
$().ready(function() {
var ed = new tinymce.Editor('myipwe1', {
some_setting : 1
});
$('.myipwe1').editable(
{
type: 'wysiwyg',
editor: ed,
onSubmit:function submitData(content){
alert(content.current)
},
submit:'save'
});
});
</script>
download and docs
Formal documentation and download can be found here.
How can i post the content to PHP?
please help
Re: How can i post the content to PHP?
In the example, I use an alert() JavaScript function to prompt the value of the edit result, at that point you can create an Ajax call that will send the new content to the server.
Cheers
Amir
Slight change to allow more tinymce options
Hey Amir,
This is great!
However I noticed that tinymce options weren't being picked up by the tinymce editor.
I changed line 156 of ipweditor-1.2 from:
ed.setting = options.editor.setting;
to
ed.settings = options.editor.settings;
This allowed me then to use stuff like the advanced theme and plugins.
-Chris
Options
Thanks Chris. I was looking for this fix.
Thanks Chris!
Thanks for the contrib,
I will update and upload a new version.
Cheers
Amir
Post new comment