Tinymce File Manager and Image Manager

三月 11, 2008 at 11:28 下午 by · 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

9 条评论 »

  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

  9. ajax file manager said,

    十二月 15, 2010 at 5:57 上午

    ajax file manager

    FileUltimate is an ASP.NET file manager control which you can add directly to your existing ASP.NET (.aspx) pages. The control renders a user interface similar to “Windows Explorer” within the page and this user interface allows you to view the contents of the predefined root folders and allow complete file management actions within those folders. File management actions can be limited by predefined permissions and quota limits on each folder separately.

RSS feed for comments on this post · TrackBack URL

发表评论

You must be logged in to post a comment.