Get your own copy
Don't hesitate! Just download and test it all by yourself for free!
Ajax load/save
This example shows how you can add a progress to the editor white executing an ajax call. We use a window.setTimeout for demostration purposes to fake the server execution time but it could have been an asynchronous call to the server. So simply click the load/save buttons below and observe the progress.
Source
Below is all you need to setup the example.
<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced"
});
function ajaxLoad() {
var ed = tinyMCE.get('content');
// Do you ajax call here, window.setTimeout fakes ajax call
ed.setProgressState(1); // Show progress
window.setTimeout(function() {
ed.setProgressState(0); // Hide progress
ed.setContent('HTML content that got passed from server.');
}, 3000);
}
function ajaxSave() {
var ed = tinyMCE.get('content');
// Do you ajax call here, window.setTimeout fakes ajax call
ed.setProgressState(1); // Show progress
window.setTimeout(function() {
ed.setProgressState(0); // Hide progress
alert(ed.getContent());
}, 3000);
}
</script>
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>
