tinyMCE et Ibrowser

tinyMCE et Ibrowser - HTML/CSS - Programmation

Marsh Posté le 18-07-2008 à 17:14:06    

Bonjour, j'ai tenté d'installer Ibrowser pour tinyMCE afin de pouvoir uploader des images lors ce que j'écris un texte.
J'ai suivi ce tuto : http://seoroot.com/blog/computing/ [...] lugin.html
 
J'ai donc ceci dans config.inc.php :
 

Code :
  1. //-------------------------------------------------------------------------
  3. // use static image libraries  
  5. $cfg['ilibs'] = array (                // image library path with slashes; absolute to root directory - please make sure that the directories have write permissions  
  7.  array (
  9.   'value'    => '/jourj/images/',
  11.   'text'     => 'Images du site',
  13.  ),
  15. );
  17. //-------------------------------------------------------------------------
  19. // use dynamic image libraries - if $cfg['ilibs_inc'] is set, static image libraries above are ignored
  21. // image directories to be scanned
  23. $cfg['ilibs_dir']     = array('/jourj/images/news/');          // image library path with slashes; absolute to root directory - please make sure that the directories have write permissions
  25. $cfg['ilibs_dir_show'] = true;              // show main library (true) or only sub-dirs (false)
  27. $cfg['ilibs_inc']      = realpath(dirname(__FILE__) . '/../scripts/rdirs.php');  // file to include in ibrowser.php (useful for setting $cfg['ilibs] dynamically


 
ceci dans editor_plugin.js et editor_plugin_src (placé dans jscripts/tiny_mce/plugin/ibrowser)
 

Code :
  1. // ================================================
  3. // PHP image browser - iBrowser  
  5. // ================================================
  7. // iBrowser - tinyMCE editor interface (IE & Gecko)
  9. // ================================================
  11. // Developed: net4visions.com
  13. // Copyright: net4visions.com
  15. // License: GPL - see license.txt
  17. // (c)2005 All rights reserved.
  19. // File: editor_plugin.js
  21. // ================================================
  23. // Revision: 1.0                   Date: 12/31/2005
  25. // ================================================
  29. //-------------------------------------------------------------------------
  33. // tinyMCE editor - ibrowser info
  35. function TinyMCE_ibrowser_getInfo() {
  37.  return {
  39.   longname  : 'iBrowser',
  41.   author    : 'net4visions.com',
  43.   authorurl : 'http://net4visions.com',
  45.   infourl   : 'http://net4visions.com',
  47.   version   : '1.3.2'
  49.  };
  51. };
  55. // tinyMCE editor - open iBrowser
  57. function TinyMCE_ibrowser_getControlHTML(control_name) {
  59.  switch (control_name) {
  61.   case 'ibrowser':
  63.    return '<img id="{$editor_id}_ibrowser" src="{$pluginurl}/images/ibrowser.gif" title="iBrowser" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="(iBrowser_click(\'{$editor_id}\'));">';
  65.   }
  67.  return '';
  69. }
  71. //-------------------------------------------------------------------------
  73. // tinyMCE editor - init iBrowser
  75. function iBrowser_click(editor) {
  77.  ib.isMSIE = (navigator.appName == 'Microsoft Internet Explorer');
  79.  ib.isGecko = navigator.userAgent.indexOf('Gecko') != -1;
  81.  ib.oEditor = tinyMCE.getInstanceById(editor);
  83.  ib.editor = editor;
  85.  ib.selectedElement = ib.getSelectedElement();
  87.  ib.baseURL = tinyMCE.baseURL + '/plugins/ibrowser/ibrowser.php';
  89.  iBrowser_open(); // starting iBrowser
  91. }
  93. //-------------------------------------------------------------------------
  95. // include common interface code
  97. var js  = document.createElement('script');
  99. js.type = 'text/javascript';
  101. js.src  = tinyMCE.baseURL + '/plugins/ibrowser/interface/common.js';
  103. // Add the new object to the HEAD element.
  105. document.getElementsByTagName('head')[0].appendChild(js) ;
  107. //-------------------------------------------------------------------------  
  108. // ================================================
  110. // PHP image browser - iBrowser  
  112. // ================================================
  114. // iBrowser - tinyMCE editor interface (IE & Gecko)
  116. // ================================================
  118. // Developed: net4visions.com
  120. // Copyright: net4visions.com
  122. // License: GPL - see license.txt
  124. // (c)2005 All rights reserved.
  126. // File: editor_plugin.js
  128. // ================================================
  130. // Revision: 1.0                   Date: 12/31/2005
  132. // ================================================
  136. //-------------------------------------------------------------------------
  140. // tinyMCE editor - ibrowser info
  142. function TinyMCE_ibrowser_getInfo() {
  144.  return {
  146.   longname  : 'iBrowser',
  148.   author    : 'net4visions.com',
  150.   authorurl : 'http://net4visions.com',
  152.   infourl   : 'http://net4visions.com',
  154.   version   : '1.3.2'
  156.  };
  158. };
  162. // tinyMCE editor - open iBrowser
  164. function TinyMCE_ibrowser_getControlHTML(control_name) {
  166.  switch (control_name) {
  168.   case 'ibrowser':
  170.    return '<img id="{$editor_id}_ibrowser" src="{$pluginurl}/images/ibrowser.gif" title="iBrowser" width="20" height="20" class="mceButtonNormal" onmouseover="tinyMCE.switchClass(this,\'mceButtonOver\');" onmouseout="tinyMCE.restoreClass(this);" onmousedown="tinyMCE.restoreAndSwitchClass(this,\'mceButtonDown\');" onclick="(iBrowser_click(\'{$editor_id}\'));">';
  172.   }
  174.  return '';
  176. }
  178. //-------------------------------------------------------------------------
  180. // tinyMCE editor - init iBrowser
  182. function iBrowser_click(editor) {
  184.  ib.isMSIE = (navigator.appName == 'Microsoft Internet Explorer');
  186.  ib.isGecko = navigator.userAgent.indexOf('Gecko') != -1;
  188.  ib.oEditor = tinyMCE.getInstanceById(editor);
  190.  ib.editor = editor;
  192.  ib.selectedElement = ib.getSelectedElement();
  194.  ib.baseURL = tinyMCE.baseURL + '/plugins/ibrowser/ibrowser.php';
  196.  iBrowser_open(); // starting iBrowser
  198. }
  200. //-------------------------------------------------------------------------
  202. // include common interface code
  204. var js  = document.createElement('script');
  206. js.type = 'text/javascript';
  208. js.src  = tinyMCE.baseURL + '/plugins/ibrowser/interface/common.js';
  210. // Add the new object to the HEAD element.
  212. document.getElementsByTagName('head')[0].appendChild(js) ;
  214. //-------------------------------------------------------------------------  
  215. /**
  216. http://wiki.moxiecode.com/index.php/...ate_plugin/3.x
  217. */
  219. (function() {
  220. tinymce.create('tinymce.plugins.IBrowserPlugin', {
  221. init : function(ed, url) {
  222. // Register commands
  223. ed.addCommand('mceIBrowser', function() {
  224. // Internal image object like a flash placeholder
  225. if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)
  226. return;
  228. ed.windowManager.open({
  229. file : url + '/ibrowser.php',
  230. //width : 480 + parseInt(ed.getLang('ibrowser.delta_width', 0)),
  231. //height : 385 + parseInt(ed.getLang('ibrowser.delta_height', 0)),
  232. width : 700 ,
  233. height : 500 ,
  234. inline : 1
  235. }, {
  236. plugin_url : url
  237. });
  238. });
  240. // Register buttons
  241. ed.addButton('ibrowser', {
  242. title : 'Ajouter une image',
  243. cmd : 'mceIBrowser',
  244. image : url + '/images/ibrowser.gif'
  245. });
  247. // Add a node change handler, selects the button in the UI when a image is selected
  248. ed.onNodeChange.add(function(ed, cm, n) {
  249. cm.setActive('ibrowser', n.nodeName == 'IMG');
  250. });
  252. },
  254. createControl : function(n, cm) {
  255. return null;
  256. },
  259. getInfo : function() {
  260. return {
  261. longname : 'IBrowser pour tinyMCE 3',
  262. author : 'D. Ghysels',
  263. authorurl : '',
  264. infourl : '',
  265. version : tinymce.majorVersion + "." + tinymce.minorVersion
  266. };
  267. }
  268. });
  270. // Register plugin
  271. tinymce.PluginManager.add('ibrowser', tinymce.plugins.IBrowserPlugin);
  272. })();


 
et ceci dans ma page HTML :
 

Code :
  1. <script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
  3. <script type="text/javascript">
  5. tinyMCE.init({
  6.  mode: "textareas",
  7.  elements: "template_content",
  8.  theme: "advanced",
  9.  language: "fr",
  10.  plugins : "ibrowser",
  11.  theme_advanced_buttons2 : "ibrowser"
  12. });
  14. </script>


 
J'ai aussi mi les droits des dossiers en 755 comme indiqué dans la doc.
 
Cela marche en partie mais j'ai 3 problèmes.
 
1: Je n'arrive pas avoir la langue en français (peut être faut il installer un pack?)
2: J'arrive à uploader un image mais que je clique sur "insert", la fenêtre se ferme et rien n'est ajouter dans ma textarea.
3: Lorsque je lui demander de créer un dossier Firefox me met "Pour afficher cette page, les informations précédemment transmises par Firefox doivent être renvoyées. Ceci répètera toute action (telle qu'une recherche ou un ordre d'achat) entreprise précédemment." et je dois cliquer sur annuler sinon il me créer plusieurs dossier...
 
Qu'est je fais de mal?
 
Merci d'avance pour votre aide.

Reply

Marsh Posté le 18-07-2008 à 17:14:06   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed