TinyMCE没有工作 - 即使他们的例子?

时间:2013-12-31 11:20:36

标签: javascript jquery tinymce tinymce-4

ISSUE:

我正在尝试使用TinyMCE 4.0.12。但是无法让它发挥作用,它只会使我的文本区域完全消失。

到目前为止我做了什么:

我甚至从他们的页面中完全复制了他们的示例代码,它甚至无法使用它。

我已将所有文件提取到“js / tinymce /”

我有什么明显的遗失吗?

小提琴: 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>

3 个答案:

答案 0 :(得分:7)

我尝试了你的小提琴,我删除了moxiemanager插件,它工作了

<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/

在google上查找它我发现了这个问题,它可能解决了这个问题

TinyMCE moxiemanager

答案 1 :(得分:0)

如果您想使用任何本地插件(例如MoxieManager),您需要使用新的external_plugins选项加载它们。

答案 2 :(得分:-1)

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

用上面的代码替换代码的<script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>部分。

我希望它能起作用!