cancel
Showing results for 
Search instead for 
Did you mean: 

TinyMCE on webscript form

bramthielemans
Champ in-the-making
Champ in-the-making
Hi

I'm trying to set up a webscript where the user has to input some data. I'd like to use TinyMCE for one of these input fields.

In the freemarker file that shows the form, I call the tinymce.js file and then try to initialize a tinymce instance.


<script type="text/javascript" src="/alfresco/scripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
   tinymce.init({
      mode : "textareas",
      theme : "advanced",
      plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
      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
   });
</script>

I found such an example on TinyMCE's homepage, but this doesn't seem to work in my case. I keep getting a "tinymce.init is not a function" message. The tiny_mce.js is file is loaded correctly though. I've also tried calling the init function in some different ways (tinymce.init(), …) but I keep getting the same error.

Can anyone point me in the right direction?

thanks
2 REPLIES 2

mikeh
Star Contributor
Star Contributor
JavaScript is case sensitive. Try tinyMCE.init() instead.

Mike

bramthielemans
Champ in-the-making
Champ in-the-making
ok, that works. Thanks Smiley Happy

I thought it had to be in all lowercase because in the script file it said:
var tinymce = { … };

anyway, thanks again Smiley Happy