Topic: Can someone share how to use TinyMCE with Xajax

Hey all,
I used to use FCK editor with Xajax and used the old wiki pages to do this.  I decided to use TinyMCE mainly for the BBCode functionality it offers but the old Wiki pages seem to be gone.  Can anyone share how to gather the textarea content from TinyMCE to use for Xajax?

Re: Can someone share how to use TinyMCE with Xajax

Hi,

I did a bit of research and came up with this bit of code:

<?php
/*
    tinyMCE example.
*/
require_once("xajax/xajax_core/xajax.inc.php"); 
$xajax = new xajax(); 
$xajax->configure('javascript URI', 'xajax/');                                                    

function test($dta)
{
    extract($dta);
    $resp=new xajaxResponse();
    $resp->alert(print_r($dta,true));
    $resp->assign("output","innerHTML", $elm1);
    return $resp; 
}
//$xajax->configure('debug',true);
$xajax->register(XAJAX_FUNCTION,"test"); 
$xajax->processRequest(); 
?>
<html>
<head>
<? $xajax->printJavascript(); ?>
<!-- TinyMCE -->
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "css/content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });
</script>
<!-- /TinyMCE -->

<title>Sample TinyMCE</title>

</head>
<body>
<form id='form1'>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%"></textarea>

</form>
<input type="button" value="Send Form" onclick="tinyMCE.triggerSave(false,false);xajax_test(xajax.getFormValues('form1'))"/>
<div id="output"></div>
</body>
</html>

A lot of it was lifted from the word sample that comes with the tinyMCE download.

This link was also helpful:
http://ajax.fencecompany.net/tinymce

The key seems to be the call to triggerSave() otherwise it only wanted to fire once...

Ed

If you ever stop learning you may as well dig a hole, crawl in and pull the top over yourself.