工具栏没有在tinymce文本编辑器中显示

时间:2013-04-19 12:37:09

标签: javascript tinymce text-editor

我第一次使用tinymce。我按照他们给出的例子,但它似乎没有用。我只能看到一个带圆角的文本框,没有工具栏和按钮。

我应该添加什么才能使其正常工作?这是代码: -

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org /TR/xhtml11            /DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<head>
<script type="text/javascript" src="/js/tinymce/tinymce.min.js" ></script >
<script type="text/javascript">
tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    plugins : "emotions,spellchecker,advhr,insertdatetime,preview", 

    // Theme options - button# indicated the row# only
    theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,formatselect",
    theme_advanced_buttons2 : "cut,copy,paste,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,|,code,preview,|,forecolor,backcolor",
    theme_advanced_buttons3 : "insertdate,inserttime,|,spellchecker,advhr,,removeformat,|,sub,sup,|,charmap,emotions",      
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true
});
</script>

</head>

<body>
    <form>  
    <textarea name="content" cols="50" rows="15" > 
    This is some content that will be editable with TinyMCE.
    </textarea>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

主页上的当前下载版本4仍处于测试阶段。您的问题中的文档和语法适用于版本3.x.版本4是一个重要的重写,大部分旧语法将不再有效。

您有三种选择:

开始使用版本4所需要的只是选择器:

tinymce.init({
    selector: "textarea"
});

这将为您提供没有插件的默认选项。如果你看小提琴,你可以看到你可以做的一些事情。