Editeur whizzywig et url image

Triphon

Bonjour,

Comme beaucoup d'entre-vous, j'ai rencontré l'anomalie de l'éditeur Whizzywig pour l'insertion des images.
En modifiant le fichier whizzywig.php, on peut gommer les satanés "../../". La fonction à modifier :

function insImg(dummy,url) {document.getElementById(\'if_url\'+idTa).value=\''.$plxAdmin->aConf['racine'].'\'+url;}

par

function insImg(dummy,url) {document.getElementById(\'if_url\'+idTa).value=url;}

Au final, on perd l'affichage de l'image en édition mais on le gagne en lecture.

super_g2

bizarre, je n'ai pas de souci lors de la rédaction ou l'édition d'article, l'image s'affiche bien sous firefox dans le webeditor wysiwyg.
Par contre, sous google chrome, comportement différent. je détaillerai demain

mais info sûrement utiles chez d'autres.

AirW

Triphon a écrit:

Bonjour,

Comme beaucoup d'entre-vous, j'ai rencontré l'anomalie de l'éditeur Whizzywig pour l'insertion des images.
En modifiant le fichier whizzywig.php, on peut gommer les satanés "../../". La fonction à modifier :

function insImg(dummy,url) {document.getElementById(\'if_url\'+idTa).value=\''.$plxAdmin->aConf['racine'].'\'+url;}

par

function insImg(dummy,url) {document.getElementById(\'if_url\'+idTa).value=url;}

Au final, on perd l'affichage de l'image en édition mais on le gagne en lecture.

Bonjour !

Je découvre ce post alors que ce problème me préoccupe depuis un bon moment (Je n'avais donc pas bien cherché). J'essaierai dès que possible. Merci de cette contribution qui mériterait d'être mise un peu en évidence !

======

Je confirme : ça marche, merci !

Bio-Sport

Bonjour,

J'ai modifié le code comme expliqué ci dessus, mais pour moi rien ne change !
J'ai mon image dans le Back Office de l'article qui est visible, mais pas en Front Office.

1 - Lien de mon image dans le BO = http://www.monsite/home/data/images/articles/bio.jpg

2- Lien de mon image dans le FO = http://www.monsite/data/images/articles/bio.jpg
il manque le "HOME" pour que l'image soit visible..

Si joint capture de la modification du code en ligne 60


agrandir l'image : http://nsa25.casimages.com/img/2011/05/06/110506082141280347.jpg

Dans l'attente d'une idée
Merci

AirW

Lorsque tu dis que rien ne change est-ce que tu veux dire
1- Que tu as modifié le code de whizzywig.php et que tu as ensuite regardé à quoi ressemblait ton site.
ou bien
2- Que tu as fait la modif, écrit un nouvel article en insérant une image et regardé le résultat ?

Dans le 1er cas rien ne change.
Dans le 2ème, seul le nouvel article change : la modif de whizzywig influe sur la manière dont whizzywig insère le code dans l'article. Ce qui est déjà codé ne change pas : il faut donc reprendre toutes les insertions d'images 1 par 1 ! (Mais là tu as peut-être intérêt à changer directement dans le code html : il y a 6 caractères à effacer !)

Bio-Sport

Non, non, j'ai bien fait ma modif comme indiqué dans le tuto ci dessus, ensuite j'ai re-créer un article et ajouter une photo.
CI joint problème en image :

Capture 1


Capture 2

AirW

Sur ta copie d'écran je vois que tu as simultanément Whizzywig ET plxToolbar. Désactive la plxToolbar et réessaie.

Il faut choisir entre les deux sinon le 2 plugins entrent en conflit.

Bio-Sport

J'ai désactivé la plxToolbar, re-créé un nouvel article et pareille !

AirW

Et l'adresse http://www.monsite/home/etc est générée par le gestionnaire de média ?

Bio-Sport

Bonjour,

L'adresse générée par la librairie qui se trouve à cette adresse :
http://www.monsite/home/core/admin/medias.php?dir=articles&v=x

est la suivante : data/images/articles/bio.jpg

et le code html :
<img alt="bio" src="data/images/articles/bio.jpg" style="border:0px solid;margin:0px;float:left;" />

Par contre en faisant ainsi, l'image est maintenant visible en Front Office, mais plus dans mon article en administration et c'est ennuyeux pour redimensionner, etc....

Cdt

AirW

Je comprends, mais il me semble que là, tu atteins une limite de pluXml. La mise à l'échelle doit être faite avant, dans un logiciel d'imagerie...

A ma connaissance, il faut choisir :tu vois l'image soit dans la face publique, soit dans l'administration... mais pas les 2 ! (le beurre OU l'argent du beurre !.. et pas la main de la crémière ! ;-) )

Peut-être quelqu'un de plus compétent peut-il apporter une contribution au débat ?

Bio-Sport

Croyez vous que si je met "PluXml" à la racine du serveur, au lieu du dossier "home" que cela puisse résoudre le problème ?

Sinon je vais repasser à l'ancienne version de PluXml avec Ckeditor + filemanager j'avais moins de soucis de photos, mais cela m'ennuie de rétrograder en version...

Peut-être quelqu'un de plus compétent peut-il apporter une contribution au débat ?

Merci d'avance

gcyrillus-nomade

Bonjour,

Je viens de tester le plugin "wysiwyg" et je rencontre un probleme similaire, ainsi que l'affichage indesirable de l'editeur dans l'edition des pages statiques.

J'ai temporairement regle ces deux probleme comme suis :

1) le lien vers les images en lien absolu plutot que relatif, en editant
la ligne 262 de whizzywyg61.js en enlevant : .replace(/.*\/(.+)\..*/,"$1").
ce qui donne :

if (!alt) alt=o("if_alt"+idTa).value ? o("if_alt"+idTa).value: URL.replace(/.*\/(.+)\..*/,"$1");

remplacé par:

if (!alt) alt=o("if_alt"+idTa).value ? o("if_alt"+idTa).value: URL;

(je dis bien modif temporaire car il ne me parait pas logique d'intervenir sur cette ligne)

2) Pour desactivé le plugin dans les pages statiques et parametre_edittpl.php :
j'englobe dans une condition le code des deux fonctions du fichier whizzywig.php (ce qui donne ce fichier modifié) :

<?php
  
/**
 * Plugin whizzywig.php
 *
 * @package	PLX
 * @version	1.01
 * @date	30/05/2011
 * @author	Stephane F
 * @modif	Griboval 
 * Pas d'editeur dans l'edition des pages statiques et template des themes
 * Gestion du rechercher des documents
 **/
class whizzywig extends plxPlugin {

	private $lang_editor = array(
		'fr' => 'francais.js',
		'ar' => 'arabic.js',
		'it' => 'italian.js',
		'de' => 'deutsch.js',
		'es' => 'espagnol.js'
	);

	/**
	 * Constructeur de la classe jquery
	 *
	 * @param	default_lang	langue par défaut utilisée par PluXml
	 * @return	null
	 * @author	Stephane F
	 **/
	public function __construct($default_lang) {

		# Appel du constructeur de la classe plxPlugin (obligatoire)
		parent::__construct($default_lang);
		
		# droits pour accéder à  la page config.php du plugin
		$this->setConfigProfil(PROFIL_ADMIN);
		
		# Déclarations des hooks
		$this->addHook('AdminTopEndHead', 'AdminTopEndHead');		
		$this->addHook('AdminFootEndBody', 'AdminFootEndBody');		
		
		
		
	}

	/**
	 * Méthode du hook AdminTopEndHead
	 *
	 * @return	stdio
	 * @author	Stephane F
	 * @Modif Griboval C
	 **/	
	public function AdminTopEndHead() {
	 $this_page = $_SERVER['SCRIPT_NAME'];
	 $test=basename($this_page);

if($test =='statique.php'  OR $test =='parametres_edittpl.php' )
 { }
else {
		global $plxAdmin;

		echo '<script type="text/javascript" src="'.PLX_PLUGINS.'whizzywig/editor/whizzywig61.js"></script>'."\n";
		if(isset($this->lang_editor[$this->default_lang]) AND file_exists(PLX_PLUGINS.'whizzywig/editor/lang/'.$this->lang_editor[$this->default_lang]))
		echo '<script type="text/javascript" src="'.PLX_PLUGINS.'whizzywig/editor/lang/'.$this->lang_editor[$this->default_lang].'"></script>'."\n";
		echo '<script type="text/javascript">'."\n";
		echo 'imageBrowse = "'.PLX_CORE.'admin/medias.php?v=x";'."\n";
		echo 'linkBrowse = "'.PLX_CORE.'admin/medias.php?v=x";'."\n";
		echo '</script>'."\n";
		echo '
			<script type="text/javascript">
				function insImg(dummy,url) {
					document.getElementById(\'if_url\'+idTa).value=\''.$plxAdmin->aConf['racine'].'\'+url;
				}
				function insDoc(dummy,url) {
					document.getElementById(\'lf_url\'+idTa).value=\''.$plxAdmin->aConf['racine'].'\'+url;
				}
			</script>
			<style type="text/css">
			.wzCtrl { border:1px #dedede solid !important; }
			iframe  { border:1px #dedede solid !important; }
			</style>
		';
		}

	}
	
	/**
	 * Méthode du hook AdminFootEndBody
	 *
	 * @return	stdio
	 * @author	Stephane 
	 * @Modif Griboval C	 
	 **/	
	public function AdminFootEndBody() {
 $this_page = $_SERVER['SCRIPT_NAME'];
if($test =='statique.php'  OR $test =='parametres_edittpl.php' )
 { }
else {
?>
	
	<script type="text/javascript">
	<!--//
		var textareas = document.getElementsByTagName("textarea");
		for(var i=0;i<textareas.length;i++) {
			makeWhizzyWig("id_"+textareas[i].name,"all");
		}
	-->
	</script>

<?php
}

	}
}




?>

Voilou, si cela fait avançé le schmilblik, super !

GC