Question

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>
Was it helpful?

Solution

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

OTHER TIPS

If you wish to use any local plugins (like MoxieManager for example) you need to load them using the new external_plugins option.

<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>

Replace this <script type="text/javascript" src="js/tinymce/tinymce.min.js"></script> part of your code with the code above.

I hope it works !

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top