TinyFCK配置上传图片

最新推荐文章于 2024-07-09 03:32:03 发布

weixin_30877755

最新推荐文章于 2024-07-09 03:32:03 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/qxw0816/archive/2009/12/23/1630364.html

本文详细介绍如何在Drupal4.7.0-beta6环境下配置TinyFCK模块，使其具备文件管理功能，支持图片及Flash文件的上传。文章分为五个步骤进行讲解，并提供了关键配置文件的修改说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TinyFCK模块，就是在TinyMCE原有基础上加上FCKEditor中的FileManager功能，可以方便地上传图片、Flash等文件

我在家里机子上配置成功（Drupal 4.7.0-beta6），下面将过程写下来，供大家参考（英文好的网友可以直接看官方介绍）

1. 下载并安装最新的TinyMCE模块，注意：只要安装TinyMCE for Drupal module（几十k）即可，无需下载TinyMCE engine！因为后面用到的是TinyFCK engine。

2. 下载TinyFCK，然后解压缩得到一个tinyfck-0.9文件夹。

3. 将tinyfck-0.9文件夹copy到 "drupal所在文件夹"/modules/tinymce/tinymce/jscripts 下（没有的文件夹请自行建立），然后将"tinyfck-0.9"改名为"tiny_mce"。

4. 打开tiny_mce文件夹，找到 filemanager/connectors/php 下的config.php文件。用文本编辑器打开config.php，

找到

  // Path to user files relative to the document root.
$Config['UserFilesPath'] = '/UserFiles/' ;
 

将其中的/UserFiles/修改为你想要的存储目录，例如

  // Path to user files relative to the document root.
$Config['UserFilesPath'] = '/files/' ;
 

注意：这个存储目录是相对与web根目录而言的，且您无需建立images或flash这样的文件夹，因为TinyFCK会在上传图像或flash时自动建立相应的文件夹！

5. 修改tinymce.module文件（在 modules/tinymce 下），用文本编辑器打开tinymce.module，

找到

  $tinymce_invoke = <<<EOD
<script type="text/javascript">
  tinyMCE.init({
    $tinymce_settings
  });
</script>
EOD;
 

修改为

  $tinymce_invoke = <<<EOD
<script type="text/javascript">
  tinyMCE.init({
    $tinymce_settings,
    file_browser_callback : "fileBrowserCallBack"
  });

  function fileBrowserCallBack(field_name, url, type, win) {
  var connector = "http://www.cnblogs.com/filemanager/browser.html?Connector=connectors/php/connector.php";
  var enableAutoTypeSelection = true;
  var cType;
  tinyfck_field = field_name;
  tinyfck = win;
  switch (type) {
  case "image":
  cType = "Image";
  break;
  case "flash":
  cType = "Flash";
  break;
  case "file":
  cType = "File";
  break;
  }
  if (enableAutoTypeSelection && cType) {
  connector += "?Type=" + cType;
  }
  window.open(connector, "tinyfck", "modal,width=600,height=400");
  }

</script>
EOD;
 