Home Explore Help
Register Sign In
aj
/
chamilo-lms2
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0e3191628e
Branches Tags
chamilo-lms2
/
main
/
inc
/
lib
/
fckeditor
/
editor
/
plugins
/
ImageManager
/
README.txt

README.txt 2.1 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 
  1. Below are the steps required to setup the Wei Zhuo's Image Manager (http://www.zhuo.org/htmlarea/)
    2. 

  2. as a plugin for FCKeditor.
    3. 

  3. 

  4. -----------------------------
    5. 

  5. SETTING UP THE IMAGE MANAGER:
    6. 

  6. -----------------------------
    7. 

  7. 

  8. - Firstly extract the archive to the editor/plugins directory
    9. 

  9. - Edit the file 'editor/plugins/ImageManager/config.inc.php' to configure the plugin.
    10. 

  10. 

  11. ---------------------------
    12. 

  12. INSTALLING AS A FCK PLUGIN:
    13. 

  13. ---------------------------
    14. 

  14. 

  15. The required fckplugin.js file is already in the archive, so all you need to do is update fckconfig.js (in the root directory) and make the following updates:
    16. 

  16. 

  17. - The language for the plugin and to directEdit option must be set in its 'editor/plugins/ImageManager/fckplugin.js' file.
    18. 

  18. -  Add the plugin to your FCKeditor by opening you 'fckconfig.js' file and update the 'FCKConfig.ToolbarSets' you're using by replacing 'Image' with 'ImageManager';
    19. 

  19.    Register the plugin with the following statement: "FCKConfig.Plugins.Add('ImageManager');"
    20. 

  20. - Done. (Should the toolbar icon not appear, try to clear your browser's cache)
    21. 

  21. 

  22. 

  23. --------------------------------------------------------------
    24. 

  24. UPDATING THE CONTEXT MENU FOR IMAGES TO USE THE IMAGE MANAGER:
    25. 

  25. --------------------------------------------------------------
    26. 

  26. 

  27. Copy an icon for the image manager for the popup context menu
    28. 

  28. cp /editor/skins/default/toolbar/image.gif /editor/skins/default/toolbar/imagemanager.gif
    29. 

  29. 

  30. edit editor/_source/internals/fckcontextmenu.js
    31. 

  31. 	  - search for 'FCKLang.ImageProperties'
    32. 

  32. 	  - replace the string in the parameter before the above mentioned one from 'Image' to 'ImageManager'.
    33. 

  33. 			the line should now read: 	return new FCKContextMenuGroup( true, this, 'ImageManager', FCKLang.ImageProperties, true ) ;
    34. 

  34. 

  35. This updates the _source context menu to use the image manager. However to avoid having to recompile the whole thing, also need to update the compiled versions too so also repeat the above on the following files:
    36. 

  36. 

  37. 	 - editor/js/fckeditorcode_gecko_2.js
    38. 

  38. 	 - editor/js/fckeditorcode_ie_2.js
    39. 

  39. 

  40. 

  41. Enjoy!
    42. 

  42. Brent Kelly
    43. 

  43. Zeald.com
    44. 

  44. http://www.zeald.com
    45. 

  45. 

  46. Paul Moers
    47. 

  47. http://www.saulmade.nl
    48.