Tinymce File Manager and Image Manager

三月 11, 2008 at 11:28 下午 by Kim Chow · Filed under PHP, 编程

发现一个好的文件、图片与Tinymce结合的程序。
程序连接如下：
http://www.hotscripts.com/Detailed/69858.html

安装方法，
在上面的连接把文件下载回来，并上传到网站的相应目录。
调用代码如下：

  1. <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
  2. <script type="text/javascript">
  3.  
  4. tinyMCE.init({
  5. mode : "exact",
  6. elements : "text_cn",
  7. theme : "advanced",
  8. plugins : "table,advhr,advimage,advlink,flash,paste,fullscreen,noneditable,contextmenu",
  9. theme_advanced_buttons1_add_before : "newdocument,separator",
  10. theme_advanced_buttons1_add : "fontselect,fontsizeselect",
  11. theme_advanced_buttons2_add : "separator,forecolor,backcolor,liststyle",
  12. theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,",
  13. theme_advanced_buttons3_add_before : "tablecontrols,separator",
  14. theme_advanced_buttons3_add : "flash,advhr,separator,fullscreen",
  15. theme_advanced_toolbar_location : "top",
  16. theme_advanced_toolbar_align : "left",
  17. theme_advanced_path_location : "bottom",
  18. extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
  19. theme_advanced_resize_horizontal : true,
  20.  
  21. file_browser_callback : "ajaxfilemanager",
  22. theme_advanced_resizing : true,
  23. theme_advanced_resize_horizontal : true,
  24. apply_source_formatting : true,
  25. force_br_newlines : true,
  26. force_p_newlines : false,
  27. relative_urls : true,
  28. editor_selector : "text_cn"
  29. });
  30.  
  31. function ajaxfilemanager(field_name, url, type, win) {
  32. var ajaxfilemanagerurl = "../../plugins/ajaxfilemanager/ajaxfilemanager.php?editor=tinymce";
  33. switch (type) {
  34. case "image":
  35. break;
  36. case "media":
  37. break;
  38. case "flash":
  39. break;
  40. case "file":
  41. break;
  42. default:
  43. return false;
  44. }
  45. var fileBrowserWindow = new Array();
  46. fileBrowserWindow["file"] = ajaxfilemanagerurl;
  47. fileBrowserWindow["title"] = "Ajax File Manager";
  48. fileBrowserWindow["width"] = "782";
  49. fileBrowserWindow["height"] = "440";
  50. fileBrowserWindow["close_previous"] = "no";
  51. tinyMCE.openWindow(fileBrowserWindow, {
  52.   window : win,
  53.   input : field_name,
  54.   resizable : "yes",
  55.   inline : "yes",
  56.   editor_id : tinyMCE.getWindowArg("editor_id")
  57. });
  59. return false;
  60. }
  62. </script>

注：var ajaxfilemanagerurl = “../../plugins/ajaxfilemanager/ajaxfilemanager.php?editor=tinymce”;
这个为Ajax上传管理的地址，只要在上面我提供的网站上面下载Tinymce Ajax File/Image Manager文件里包含有，只要把相应的路径配置正确就好。

文件上面的路径在
jscripts\tiny_mce\plugins\ajaxfilemanager\inc 里的config.base.php
修改以下位置就可以

  1. define('CONFIG_SYS_DEFAULT_PATH', '../../../../uploaded/'); //accept relative path only
  2. define('CONFIG_SYS_ROOT_PATH', '../../../../uploaded/'); //accept relative path only

8 条评论 »

  1. le said,

    九月 23, 2008 at 5:37 下午

    Tinymce 你用的是几版本？

    为什么我只看到小图标，点击却打开不了上传窗口。

  2. le said,

    九月 24, 2008 at 12:51 下午

    上传用以下代码算是解决了。
    tinyMCE.activeEditor.windowManager.open({
    url: “./ajaxfilemanager/ajaxfilemanager/ajaxfilemanager.php”,
    width: 782,
    height: 440,
    inline : “yes”,
    close_previous : “no”
    },{
    window : win,
    input : field_name
    });

    可是没达到想要的效果，进入管理图片选中图片时，没有自动添加到Tinymce选择框中来，博主的情况是如何？

  3. le said,

    九月 24, 2008 at 1:51 下午

    谢谢啊，解决了。

  4. catch said,

    十一月 26, 2008 at 1:03 上午

    好象还有一个什么选项的，我不记得了。我已经有一段时间没有搞过在线编辑了。我有空搞好之后，在这里给你回一下吧。

  5. 周迅 said,

    一月 5, 2009 at 10:28 上午

    下载的文件(ajaxfilemanagerrc4.zip)放在哪个目录下？我的理解是：将ajaxfilemanager文件夹放在plugins目录下，对吗？

  6. catch said,

    一月 12, 2009 at 10:43 上午

    对呀。还有一个配置文件，对那些文件保存的位置进行设置的。麻烦你找一下咯。我已经不记得了。

  7. joey said,

    三月 30, 2009 at 8:41 下午

    #
    le said,

    九月 24, 2008 at 12:51 下午

    上传用以下代码算是解决了。
    tinyMCE.activeEditor.windowManager.open({
    url: “./ajaxfilemanager/ajaxfilemanager/ajaxfilemanager.php”,
    width: 782,
    height: 440,
    inline : “yes”,
    close_previous : “no”
    },{
    window : win,
    input : field_name
    });

    可是没达到想要的效果，进入管理图片选中图片时，没有自动添加到Tinymce选择框中来，博主的情况是如何？

    博主，你好， 我也遇到这个问题，能告诉我是怎么解决的嘛? 谢谢!

  8. fanzhengyuan said,

    一月 20, 2010 at 2:27 下午

    我也遇到进入管理图片选中图片时，没有自动添加到Tinymce选择框中来

    看了一下，更喜欢这样的简洁页面
    http://demo.phpletter.com/ajaxfilemanager/ajaxfilemanager.php?editor=tinymce

    突然长时发现可以出现select按钮，但依然无法添加图片地址到选择框
    http://127.0.0.1/news/jscripts/tiny_mce/plugins/ajaxfilemanager/ajaxfilemanager/ajaxfilemanager.php?editor=tinymce

    希望与大家一起研究：
    QQ：6562157
    fzhy163@163.com

RSS feed for comments on this post · TrackBack URL

发表评论