0

I have downloaded Tinymce 4.1.9 and I have used the example code found on the demo page but it did not initialize Tinymce I guess because on the version 4.1.9 there is no file named tiny_mce.js .

I have searched and found this post on Stackoverflow and I have done this 

<script src="tinymce/js/tinymce/tinymce.min.js" type="text/javascript"></script>
<script src="tinymce/js/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>


<script type="text/javascript">

$('textarea').html('<p>some dynamic content</p>').tinymce({
   theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
})


</script>

<form method="post" action="somepage">
    <textarea name="content" style="width:100%"></textarea>
</form>

That too did not work, the WYSIWYG is not displaying. I get only a textarea with no WYSIWYG. I do not know what I am missing if I want to use tinymce with Jquery.

How do I appropriately use Tinymce 4.1.9 with Jquery?

Community
  • 1
  • 1
Ferdine Faithfull
  • 297
  • 1
  • 4
  • 15

1 Answers1

0

Try Like This

JQuery

$(function() {
   $('textarea.tinymce').tinymce({
    ...
   });
});

HTML

 <textarea id="content" name="content" class="tinymce" style="width:100%">

Source

cracker
  • 4,900
  • 3
  • 23
  • 41