2013-04-04 70 views
1

我正在用PHP和MYSQL构建一个站点。我已提取tiny_mce到的apache..now目录是像htdocs\jscripts\tiny_mce的htdocs根文件夹.. 现在我已经包括tiny_mce.js和写的基本JS script.and然后创建了由一个<textarea rows="12" cols="80" name="question" id="question">&nbsp;</textarea>tinyMCE不能正常工作

一种形式但结果仍然是一样的:我的浏览器显示正常的textarea和一个提交按钮。没有任何工作,并没有实现茶叶压痕(即所见即所得)。

我已经在这个主题上搜索了很多,并在这个网站上找到了一篇文章:tinymce implementation with php

本文的结论是我必须包含al js文件。所以我做到了。但是有一个问题。在tiny_mce文件夹里面还有另外四个文件夹(lang,themes,plugins,utils)和三个js脚本。所以我已经包含了所有这三个脚本,并且这些文件夹中有88个文件夹,并且有大量的js脚本,因此不可能包含它们。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce_popup.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce_src.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/langs/en.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/utils/editable_selects.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/utils/form_utils.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/utils/form_utils.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/utils/mctabs.js"></script> 
<script type="text/javascript" src="../jscripts/tiny_mce/utils/validate.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
mode : "textareas" 
}); 
</script> 
</head> 
<body> 
<form action="post.html.php" method="post"> 
    <input type="text" maxlength="200" name="title" value="" id="title" /> 
    <textarea rows="12" cols="80" name="question" id="question">&nbsp;</textarea> 
    <input type="image" src="post.png" alt="post your que" name="post" value="post" /> 
    <input type="hidden" name="post" value="post" /> 
</form> 
</body> 
<html> 

它仍然只显示正常的文本区域,并且没有实现文本缩进(即所见即所得)。我做错了什么?

编辑1:错误

  • 遗漏的类型错误:无法读取属性 'EditorManager' 空的 tiny_mce_popup.js:5 2
  • 遗漏的类型错误:无法读取未定义 form_utils的特性 '的基本URI' .js:11
  • Uncaught TypeError:无法读取属性'windowManager'的undefined mctabs.js:13
  • 对象{majorVersion: “3”,minorVersion: “5.8”,RELEASEDATE: “二零一二年十一月二十零日”,_init:功能,是:功能...}

    wall.html.php:47

+0

浏览器控制台中的任何错误? – J0HN 2013-04-04 19:24:29

+0

没有错误没有消息... – 2013-04-04 19:25:05

+0

在'tinyMCE.init'之前添加'console.log(tinyMCE)'。输出是什么? – J0HN 2013-04-04 19:27:18

回答

1

跳出来的第一件事是你的路径可能是错的。尝试使用:

<script type="text/javascript" src="/jscripts/tiny_mce/tiny_mce.js"></script> 

或输入绝对URL。您只需要包含该文件,而不是所有其他文件。其他脚本通常是插件,您可以使用高级主题。其次,我现在要指定简单的主题:

tinyMCE.init({ 
    ... 
    theme : "simple" 
}); 

除此之外,使用Firebug来尝试和调试它。

+0

我已更新我的错误..你可以解释 – 2013-04-04 19:48:53

+0

它现在工作?尝试把这个参数放在init中:debug:true,不确定,但我认为这是一个有效的参数。 – Revent 2013-04-04 19:50:53

+0

我不知道你的调用脚本是在什么路径,而是通过使用/而不是../你告诉它从webroot开始,而不是从当前目录开始。 – Revent 2013-04-04 19:52:52