Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1657 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  tinyMCE et Ibrowser

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

tinyMCE et Ibrowser

n°1761706
dougui_bzh
Posté le 18-07-2008 à 17:14:06  profilanswer
 

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.

mood
Publicité
Posté le 18-07-2008 à 17:14:06  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  tinyMCE et Ibrowser

 

Sujets relatifs
TinyMce apres de l'ajax. Attribuer des toolbars différentesinstaller tinymce
Probleme d'URL tinyMCEtinyMCE et reformatage HTML
Problème avec TinyMCEurl dans TinyMCE
- TinyMCE > Fonctionne en localhost pas en ligneTinyMCE et son mode Advanced
Gros problème avec les accents avec tinymce (encodage ?) 
Plus de sujets relatifs à : tinyMCE et Ibrowser

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.109 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR