[plugin] plxEditor

Stéphane · 12/11/2015 14:42:11

Éditeur de texte wysiwyg pour PluXml

Plugin disponible ici

Anciennes versions : ici

## Version 1.6 (29/01/2019) ##
FIX: pas d'affichage des icones de la barre d'outils

## Version 1.5.4 (22/03/2017) ##
BUG Problème affichage des smileys
BUG Mauvaise prise en compte de langue dans la traduction de l'éditeur
BUG Mauvaise conversion des liens relatifs/absolus
BUG Affichage images dans les pages statiques
BUG Pas de sauvegarde de la couleur de fond appliquée à du texte

## Version 1.5.3 (01/02/2017) ##
[+] Compatibilité css avec PluCSS 1.2
[+] Align sous forme de liste déroulante

## Version 1.5.2 (27/01/2017) ##
[+] Bouton Citation
[+] Bouton Youtube
[+] Bouton Code
[+] Traduction occitane (contribution Quent-in)
[+] Code html pour affichage image + miniature si selection miniature à partir du gestionnaire de medias (icone image toolbar)

## Version 1.5.1 (14/11/2016) ##
[+] Configuration de l'utilisation de plxEditor avec les pages statiques
[+] Traduction anglaise + diverses améliorations (contribution Deevad)

## Version 1.5 (25/05/2016) ##
[+] Compatibilité PluXml 5.5 (nouvelle gestion du gestionnaire de médias)

## Version 1.4.1 (18/11/2015) ##
[+] Amélioration de l'affichage des fenêtres à partir des icônes de sélection des couleurs/smilies/lien
[+] Pas d'affichage de l'éditeur sur l'écran d'édition des fichiers du thème et de la gestion des commentaires
BUG Mauvais affichage en plein écran (superposition avec la barre d'action)
BUG sous IE11: Impossible d’obtenir la propriété « createRange » d’une référence null ou non définie

## Version 1.4 (12/11/2015) ##
[+] Ajout compteur de mots
[+] Editeur et barre d'outils responsive
[+] Amélioration de l'affichage en plein écran
[+] Zone d'édition redimensionnable (non supportée avec IE http://www.w3schools.com/cssref/css3_pr_resize.asp )
[-] Suppression du codage en dur du chemin des plugins, remplacé par PLX_PLUGINS
BUG Chevauchement de l'éditeur avec la sidebar de droite sur la page de rédaction des articles

## Version 1.3 (13/07/2015) ##
[+] Compatibilité PluXml 5.4

## Version 1.2 (20/10/2011) ##
[+] Bouton pour ajouter des smilies

Stéphane · 12/11/2015 14:42:23

publication de la version 1.4

kowalsky · 13/11/2015 14:50:31

Merci Stéphane, je trouve cet éditeur sympa à utiliser.

-- J'ai rencontré un problème d'affichage bloquant quand on le passe en mode "wysiwyg-fullscreen", la partie haute de l'administration "Modification d'un article" reste affichée par dessus avec le thème par défaut, masquant la barre d'outil et donc empêchant un retour en mode normal.

C'est causé par le z-index 9999 en ligne 88 de core/admin/theme/theme.css

.section .action-bar { z-index: 9999; }

en le supprimant, l'article s'affiche correctement en fullscreen.

-- Bizarrement sous firefox 42.0 la zone d’édition n'est pas redimensionnable, est-ce que d'autres constatent cela ? Et je n'arrive pas à trouver à quel endroit du CSS ça coince.

A titre personnel, je trouve que la valeur min-height 300px à la ligne 19 de plxeditor/plxeditor/css/plxeditor.css est un peu petite pour un affichage en grande résolution. En la supprimant, la zone d'édition redevient plus agréable à utiliser.

.iframe { ~~min-height: 300px;~~ }

-- D'autre part, pense-tu qu'il serait possible d'afficher une balise "alt" pour chacun des boutons de la barre d'outil (comme avec CKeditor par exemple) ?

bg62 · 17/11/2015 12:10:49

superbe !!!
juste ce que je recherchais = merciS
et pour ckEditor y--a-t-il moyen de faire apparaître également le 'comptage des mots' ?

Stéphane · 17/11/2015 13:46:30

kowalsky a écrit :

Merci Stéphane, je trouve cet éditeur sympa à utiliser.
-- J'ai rencontré un problème d'affichage bloquant quand on le passe en mode "wysiwyg-fullscreen", la partie haute de l'administration "Modification d'un article" reste affichée par dessus avec le thème par défaut, masquant la barre d'outil et donc empêchant un retour en mode normal.
C'est causé par le z-index 9999 en ligne 88 de core/admin/theme/theme.css
.section .action-bar { z-index: 9999; }
en le supprimant, l'article s'affiche correctement en fullscreen.

-- Bizarrement sous firefox 42.0 la zone d’édition n'est pas redimensionnable, est-ce que d'autres constatent cela ? Et je n'arrive pas à trouver à quel endroit du CSS ça coince.
A titre personnel, je trouve que la valeur min-height 300px à la ligne 19 de plxeditor/plxeditor/css/plxeditor.css est un peu petite pour un affichage en grande résolution. En la supprimant, la zone d'édition redevient plus agréable à utiliser.
.iframe { ~~min-height: 300px;~~ }
-- D'autre part, pense-tu qu'il serait possible d'afficher une balise "alt" pour chacun des boutons de la barre d'outil (comme avec CKeditor par exemple) ?

Je prépare une mise à jour qui corrige les problèmes que tu cites.

Stéphane · 17/11/2015 13:47:25

bg62 a écrit :

superbe !!!
juste ce que je recherchais = merciS
et pour ckEditor y--a-t-il moyen de faire apparaître également le 'comptage des mots' ?

http://ckeditor.com/addon/wordcount

Edit: j'ai rédigé un article pour expliquer les différentes étapes à réaliser pour installer le plugin de compteur de mot dans CKEditor
http://goo.gl/ta8Tld

Stéphane · 19/11/2015 09:37:29

## Version 1.4.1 (18/11/2015) ##
[+] Amélioration de l'affichage des fenêtres à partir des icônes de sélection des couleurs/smilies/lien
[+] Pas d'affichage de l'éditeur sur l'écran d'édition des fichiers du thème et de la gestion des commentaires
BUG Mauvais affichage en plein écran (superposition avec la barre d'action)
BUG sous IE11: Impossible d’obtenir la propriété « createRange » d’une référence null ou non définie

Scith · 20/11/2015 19:02:20

Super merci pour ce plugin ! smile
J'apprécie particulièrement son aspect épuré et l'éditeur HTML intégré (je bidouille le HTML de la plupart de mes pages)

bazooka07 · 21/11/2015 01:12:28

@Stéphane,

J'ai trouvé un petit bug à corriger facilement.
Avec Pluxml, on peut renommer le dossier de plugins. Chez moi, il s'appelle caissahoutils ou plugins2 selon les sites.
Mais dans medias.php, tu as écrit le nom du dossier en dur : "plugins/"
Il faut remplacer par $plxAdmin->aConf['racine_plugins']
Cela se passe aux lignes 15 et 118.

Dans tous mes plugins, je rajoute la fonction suivante pour connaitre la racine de mon plugin :

[== PHP ==]
<?php
	private function pluginRoot() {
		global $plxAdmin;
		
		if (isset($plxAdmin))
			return $plxAdmin->racine.$plxAdmin->aConf['racine_plugins'].__CLASS__.'/';
		else
			return '/';
	}
?>

C'est bien commode et plus fiable que PLX_PLUGINS qui met des "../../" partout dans le code source des pages HTML. ( Ca pique les yeux )

Dans le plugin tinyMCE, le gestionnaire de medias s'ouvre dans un iframe. C'est une particularité de TinyMCE pour tous les gestionnaires de fichiers.
C'est assez sympa. Quand on affiche medias.php de Pluxml, on utilise le hook "AdminMediasFoot" pour savoir si on est dans un iframe.Dans ce cas, on force les styles des éléments qu'on veut cacher (menu, ..); Cela évite de ré-écrire le gestionnaire de medias.

Cordialement

Dernière modification par bazooka07 (21/11/2015 01:13:16)

bazooka07 · 21/11/2015 12:16:50

@stephane,

J'ai regardé hier soir. On peut utiliser medias.php de Pluxml dans un popup, il suffit dans le hook "AdminMediasFoot" de faire un test en javascript sur le window.name pour savoir si medias.php est lancé directement ou par plxeditor. Dans le dernier cas, appliquer des règles CSS supplémentaires pour cacher le menu, et faire une boucle avec document.querySelectorAll('#medias-table td a') pour ajouter l'attribut onclick.

Mais comme tu le fais remarquer dans ton code js, certains bloquent les popups, donc l'utilisation d'un iframe semble préférable.

Cordialement

Stéphane · 21/11/2015 13:31:20

@bazooka07
Tres interessant tout ce que tu proposes. Justement je cherchais à faire de la partie médias une sorte "d'API" pouvant etre appelée par des plugins pour ne pas à avoir un fichier medias.php dans le dossier des plugins. L'idée était sous une forme que je n'avais pas encore réellement trouvée efficace pour afficher le gestionnaire sans la partie sidebar, header, etc... mais n'avoir que la partie de gestions des fichiers + upload

Scith · 04/12/2015 18:02:06

Salut, petit retour d'utilisation :
Les features de base fonctionnent très bien mais pour l'éditeur HTML intégré j'ai par contre quelques reproches à formuler :
- Le fichier est systématiquement "minifié" (tout est mis sur une ligne) ce qui fait que quand je veux l'éditer hors pluxml c'est pas facile
- L'éditeur HTML intégré mets des tabulations partout. Pourquoi pas pour la lisibilité mais on se retrouve avec des balises insignifiantes (type <p>) toutes seules sur une ligne

Du coup petites suggestions fonctionnelles :
- Laisser le fichier HTML s'afficher tel quel (sans tout tabuler sous risque de trop bidouiller le fichier)
- Dans l'éditeur HTML, laisser les icônes de formattage : par exemple "B" écrit avant le curseur "<strong>" et après le curseur "</strong>", tabulation permet de tabuler (pour la lisibilité du code), URL écrit un "<a ...></a>", etc ...

Merci encore pour le plugin

Dernière modification par Scith (04/12/2015 18:02:26)

Suricat · 23/04/2016 16:06:45

Bonjour,

L'ajout d'une image avec PlxEditor ne fonctionne plus pour PluXml 5.5

La raison est sans doute le changement dans \core\lib\class.plx.medias.php de

[== Indéfini ==]
public function uploadFiles($files, $post) {
...

en

[== Indéfini ==]
public function uploadFiles($usrfiles, $post) {

		$files = array();
		if(isset($post['myfiles'])) {
			foreach($post['myfiles'] as $key => $val) {
				list($selnum, $selval) = explode('_', $val);
				$files[] = array(
					'name'		=> $usrfiles['selector_'.$selnum]['name'][$selval],
					'size'		=> $usrfiles['selector_'.$selnum]['size'][$selval],
					'tmp_name'	=> $usrfiles['selector_'.$selnum]['tmp_name'][$selval]
				);
			}
		}
...

Y a-t-il une mise à jour de prévue ?

Dernière modification par Suricat (23/04/2016 16:58:07)

Suricat · 23/04/2016 16:16:47

En fait, pour assurer une compatibilité avec l'existant, la fonction dans \core\lib\class.plx.medias.php aurait pu être écrite ainsi :

[== Indéfini ==]
public function uploadFiles($usrfiles, $post) {

		
		if(isset($post['myfiles'])) {
			$files = array();
			foreach($post['myfiles'] as $key => $val) {
				list($selnum, $selval) = explode('_', $val);
				$files[] = array(
					'name'		=> $usrfiles['selector_'.$selnum]['name'][$selval],
					'size'		=> $usrfiles['selector_'.$selnum]['size'][$selval],
					'tmp_name'	=> $usrfiles['selector_'.$selnum]['tmp_name'][$selval]
				);
			}
		}
		else{
			$files = $usrfiles;
		}
...

Avec cette modif, plxEditor fonctionne dans PluXml 5.5, mais ça fait changer le code de PluXml...

Dernière modification par Suricat (23/04/2016 16:17:56)

bg62 · 28/04/2016 17:40:08

lut;)
j'ai bien ce 'code', dans une mise à jour sous 5.5, MAIS si j'arrive à créer les dossiers pour les images, je ne parviens pas par compte à les y 'uploader', rien à faire.
Pas de soucis sous 5.4, mais gros problèmes donc sous 5.5 ....
?
wink

Stéphane · 24/05/2016 09:52:36

## Version 1.5 (25/05/2016) ##
[+] Compatibilité PluXml 5.5 (nouvelle gestion du gestionnaire de médias)

pour l'installation ou la mise à jour: supprimer manuellement l'ancien dossier du plugin et mettez le nouveau à la place

LolYangccool · 24/05/2016 13:26:41

[== Indéfini ==]
## Version 1.5 (25/05/2016) ##
[+] Compatibilité PluXml 5.5 (nouvelle gestion du gestionnaire de médias)

Tu vis dans le futur Stéphane ? big_smile

Stéphane · 24/05/2016 13:50:14

Hahaha meme pas fait gaffe
j'ai anticipé la sortie que je comptais faire demain et j'ai oublié de corriger la date.
mdr !

bg62 · 28/05/2016 10:54:48

Stéphane a écrit :

Hahaha meme pas fait gaffe
j'ai anticipé la sortie que je comptais faire demain et j'ai oublié de corriger la date.
mdr !
https://upload.wikimedia.org/wikipedia/ … go.svg.png

+100 smile

Deevad · 28/05/2016 20:45:55

Stéphane a écrit :

## Version 1.5 (25/05/2016) ##
[+] Compatibilité PluXml 5.5 (nouvelle gestion du gestionnaire de médias)

Un grand, grand merci! Je vais tester/installer tout ça.

Stéphane · 14/11/2016 12:33:45

## Version 1.5.1 (14/11/2016) ##
[+] Configuration de l'utilisation de plxEditor avec les pages statiques
[+] Traduction anglaise + diverses améliorations (contribution Deevad)

bg62 · 17/11/2016 17:54:57

lut:)
sur un site, avec la version " plxEditor-1.4.1 "
cela me donne ceci lorsque j'importe un 'medias'
<img src="data/medias/site-internet.jpg" alt="" />
ok donc il ne reste plus qu'à renseigner la balise " alt"
MAIS sur un autre site, avec la version " plxEditor-1.5.1 "
cela me donne :
<img src="data/medias/site-internet.jpg" />
plus de " alt " dispo ....
Pas tout compris, si c'est la nouvelle version ou si c'est chez moi que cela se produit ...
@+

Dernière modification par bg62 (17/11/2016 19:10:21)

Iron · 25/01/2017 01:09:33

Bonjour,

Nikel Stéphane le plugin.

Par contre, c'est dommage que par rapport à plxtoolbar, nous n'ayons pas le bouton "Quote" et le bouton "Youtube".

Possible de rajouter cela ?

Stéphane · 25/01/2017 10:43:47

@Iron: j'ai poussé sur le github de plxEditor une mise à jour avec l'ajout des boutons quote et youtube

https://github.com/Pluxopolis/plxEditor … master.zip

Ce n'est pas encore une publication officielle, mais si tu veux tester, c'est dispo.
Faut faire l'installation manuellement en remplaçant les anciens fichiers par les nouveaux.

Deevad · 25/01/2017 12:09:58

Ha, "quote" m'intéresse aussi. Pour Youtube, j'ai pris l'habitude d'utiliser la vue 'code source' mais ça m'arrange également.
Merci Stéphane pour cet ajout.

PluXml.org

#1 12/11/2015 14:42:11

[plugin] plxEditor

#2 12/11/2015 14:42:23

Re : [plugin] plxEditor

#3 13/11/2015 14:50:31

Re : [plugin] plxEditor

#4 17/11/2015 12:10:49

Re : [plugin] plxEditor

#5 17/11/2015 13:46:30

Re : [plugin] plxEditor

#6 17/11/2015 13:47:25

Re : [plugin] plxEditor

#7 19/11/2015 09:37:29

Re : [plugin] plxEditor

#8 20/11/2015 19:02:20

Re : [plugin] plxEditor

#9 21/11/2015 01:12:28

Re : [plugin] plxEditor

#10 21/11/2015 12:16:50

Re : [plugin] plxEditor

#11 21/11/2015 13:31:20

Re : [plugin] plxEditor

#12 04/12/2015 18:02:06

Re : [plugin] plxEditor

#13 23/04/2016 16:06:45

Re : [plugin] plxEditor

#14 23/04/2016 16:16:47

Re : [plugin] plxEditor

#15 28/04/2016 17:40:08

Re : [plugin] plxEditor

#16 24/05/2016 09:52:36

Re : [plugin] plxEditor

#17 24/05/2016 13:26:41

Re : [plugin] plxEditor

#18 24/05/2016 13:50:14

Re : [plugin] plxEditor

#19 28/05/2016 10:54:48

Re : [plugin] plxEditor

#20 28/05/2016 20:45:55

Re : [plugin] plxEditor

#21 14/11/2016 12:33:45

Re : [plugin] plxEditor

#22 17/11/2016 17:54:57

Re : [plugin] plxEditor

#23 25/01/2017 01:09:33

Re : [plugin] plxEditor

#24 25/01/2017 10:43:47

Re : [plugin] plxEditor

#25 25/01/2017 12:09:58

Re : [plugin] plxEditor

Pied de page des forums