我按照官方安装说明(http://www.tinymce.com/wiki.php/installation),最后得到以下测试代码以运行TinyMCE:
<html>
<head>
<title>New Document</title>
<script language="javascript" type="text/javascript" src="tinymce/tinymce.min.js"/>
<script type="text/javascript">
tinymce.init({
selector: "textarea"
});
</script>
</head>
<body>
<form method="post">
<textarea></textarea>
</form>
</body>
</html>
问题是textarea没有发生任何事情。正如我在Chrome控制台的“网络”标签中看到的那样,JS确实正在加载。我究竟做错了什么?顺便说一下,我有4.0.12版本。
答案 0 :(得分:2)
<script language="javascript" type="text/javascript" src="tinymce/tinymce.min.js"/>
尽可能多,脚本标签不是自动关闭的。可能有一个特定的doctype让它们成为。
<script language="javascript" type="text/javascript" src="tinymce/tinymce.min.js"></script>
顺便说一下,脚本标签应该在</body>
之前,除非你有内联的javascript。
加载脚本导致的问题是阻止并行下载。如果页面未被解析,则用户代理无法知道哪些后续资源需要获取,因此严格符合要求的浏览器在第一次实际执行之前不应该获取更多资源。
由于jQuery特别是在完全构造DOM层次结构之前不应该执行,并且HTTP / 4.01规范声明“[脚本]元素可能在HTML文档的HEAD或BODY中出现任意次,”它在页面的主体甚至开始下载之前启动那些JavaScript下载是没有意义的,这样做会减慢感知的页面加载速度。