TinyMCE not working - even with their example?

MRC picture MRC · Dec 31, 2013 · Viewed 18.4k times · Source

ISSUE:

I am attempting to use TinyMCE 4.0.12. But couldn't get it to work, it just makes my text areas disappear altogether.

What i have done so far:

I even copied their example code exactly from their page, and it doesn't even work with that.

I have extracted all of the files to "js/tinymce/"

Is there something obvious I am missing?

Fiddle: http://jsfiddle.net/cg3e8/

JS CODE:

<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste moxiemanager"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>

HTML CODE:

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

Answer

Mattos picture Mattos · Dec 31, 2013

I tried your fiddle and I removed moxiemanager plugin, and It worked

<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
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>

http://jsfiddle.net/cg3e8/1/

Looking on the google for it I discovered this question that It probably solves the issue

TinyMCE moxiemanager