tinyMCE无法正常工作

时间:2013-04-04 19:19:21

标签: php html tinymce textarea

我正在使用PHP和MYSQL构建一个站点。我已将tiny_mce提取到apache的htdocs根文件夹..现在该目录就像htdocs\jscripts\tiny_mce .. 现在我已经包含tiny_mce.js并编写了基本的js脚本。然后创建了一个由<textarea rows="12" cols="80" name="question" id="question">&nbsp;</textarea>

组成的表单

但结果仍然相同:我的浏览器显示正常的textarea并带有提交按钮。什么都没有用,并且没有达到茶叶压痕(即所见即所得)。

我在这个主题上搜索了很多内容,并在此网站上发现了一条帖子:tinymce implementation with php

这篇文章的结论是我必须包含al js文件。所以我做到了。但是有一个问题.minin_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>

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

编辑1:错误

  • 未捕获的TypeError:无法读取null的属性“EditorManager” tiny_mce_popup.js:5 2
  • 未捕获的TypeError:无法读取未定义的属性“baseURI” form_utils.js:11
  • 未捕获的TypeError:无法读取未定义的属性“windowManager” mctabs.js:13
  • 对象{majorVersion:“3”,minorVersion:“5.8”,releaseDate: “2012-11-20”,_ init:function,is:function ...}

    wall.html.php:47

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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