[plugin] SunEditor - Éditer vos articles avec une barre sticky

Sudwebdesign

Bjr @toutes et @tous

Ayant découvert récemment ce jeune éditeur de texte WYSIWY(G|M)

Plugin qui adapte SunEditor pour pluxml.

Il est léger, 100% vanilla js et intégre (en test) le gestionnaire de media natif de notre CMS.

Il permet d'adjoindre des images par glisser & déposer (drag & drop) le fichier se retrouve ds le gestionnaire de media ds le dossier blobSun par ajax_upload.php ;)

Il est téléchargeable en direct ici >>> SunEditor plugin

ou ds le dépôt de plugins #SunEditor et sur mon site ;-)

Le mode "sticky" est activé : la barre d'outil reste collé (si besoin)

Journal :

## Version 1.3.1 - 25/05/2020 ##

Bump to se 2.29.0.plx

+codemirror@5.54.0

+katex@0.11.1

+const CDIST = '5.54.0';# cdn.jsdelivr.net/npm/codemirror@CDIST

+const KDIST = '0.11.1';# cdn.jsdelivr.net/npm/katex@KDIST

<?php echo TO <?=

Fix Js : Beaked by Notice PHP : if plxAdminBar no activated/present session : solvedBy :

// console.log('plxAdminBar : <?= isset($_SESSION['plxAdminBar'])? $_SESSION['plxAdminBar']: 'NO' ?>');

js screentest() result commented : console.warn('screentest : ' + aop);

## Version 1.3.0 - 22/03/2020 ##

Bump to se 2.28.0.plx

UP AdminMediasFoot(() : js : insertMedia() : return good (new) html with native PluXml Media manager

## Version 1.2.3 - 14/11/2019 ##

Bump to sunEditor 2.21.2.plx

Fix : Boites d'outil flottantes et le redimentionneur au dessus de la barre lors du défilement :

::: : Fichier css : SunEditor-2.21.2/dist/css/suneditor.min.css : index z modifiés de 6 à 1 pour les classes :

::: .sun-editor .se-controller

::: .sun-editor .se-resizing-container

[+] Option : charCounter: true

## Version 1.2.2 - 30/09/2019 ##

bump to sunEditor 2.19.1.plx

+ paste from L.O.Writer??? word???

+ select text, clic on add link, text is in text content

+ Fix paste is empty on Firefox & many more fix see : https://github.com/JiHong88/SunEditor/releases

Fix plxAdminEditArticleXml: paragraphe vide invisible ss l'affichage des "blocs" du document (WYSIWYM mode) car il supprime tous les "<br>"

#OLD : Méthode qui supprime les <p><br></p> si laisser vide et les br de fin lorsque les textareas sont laissé tel quel a l'enregistrement et a chaque fin de paragraphe, liste, ...

```

 $xml = str_replace(array('<![CDATA[<p><br></p>]]>','<br></'),array('<![CDATA[]]>','</'),$xml); ?><?php

```

#NOW : Méthode qui supprime les <p><br></p> lorsque les textareas sont laissé tel quel a l'enregistrement : Fix chapô tjrs ouvert après enregistrement (et vide)

```

 $xml = str_replace(array('<![CDATA[<p><br></p>]]>'),array('<![CDATA[]]>'),$xml); ?><?php

```

## Version 1.2.1 - 28/08/2019 ##

Fix le chapo est automatiquement rempli avec un paragraphe vide

:::plxAdminEditArticleXml #Méthode qui supprime les <p><br></p> si laisser vide et les br de fin lorsque les textareas sont laissé tel quel a l'enregistrement et a chaque fin de paragraphe, liste, ...

::: $xml = str_replace(array('<![CDATA[<p><br></p>]]>','<br></'),array('<![CDATA[]]>','</'),$xml);

## Version 1.2.0 - 27/08/2019 ##

up to sun 2.18.0.plx

## Version 1.1.1 - 17/06/2019 ##

Fix outline css borders ds Firefox 60 ESR :

: outline:none !important;border-bottom: 1px solid #dadada;

Fix balises audio qui disparaissent

Moins de console.(warn|log)

Supprimés :

ds AdminTopEndHead() #jquery ,#links

ds __construct() : n'édite plus les produits de plxMyShop

 /* || strstr($_SERVER['QUERY_STRING'],'plxMyShop&prod') */

## Version 1.1.0 - 13/06/2019 ##

up to sun 2.15.3

Fix sticky si plxAdminBar est juste affiché en mode public

Un bug du bouton + : il ne réafiche pas le lecteur audio (mais il est bien enregistré la première fois).

       Si on ré-enregistre il deviens un lien :/ ok video et image

Retouche du retour html insertMedia()

## Version 1.0.2 - 17/05/2019 ##

fix lorsque l'on ajoute une image d'accroche (les liens sont verts ::: sun reçoit aussi l'image ;)

## Version 1.0.1 - 17/05/2019 ##

Meilleur ajout des médias avec le gestionnaire de média de PluXml

## Version 1.0.0 - 14/05/2019 ##

première publié au dépôt

Kube17

Ça a l'air sympatique tout ça ^^ Une réelle alternative à CKEDitor ?

Pour le gestionnaire de médias c'est une bonne nouvelle aussi ^^ (Même si on peut facilement se passer de celui fourni avec CKE)

Sudwebdesign

https://forum.pluxml.org/discussion/comment/58924#Comment_58924

Il est bien et pratique malgrés quelques coquilles, d’ailleurs il a une mise a jour ;)

## Version 1.1.0 - 13/06/2019 ##

Sudwebdesign

Quelques correctifs en attendant la prochaine

Fixe les bords (trés éloignés) de l'éditeur sur Firefox ESR (60), la toolbar de SunEditor qui passe au dessus de la barre d'action "action-bar" de PluXml et les balises audio restent après avoir enregistré l'article 😉

## Version 1.1.1 - 17/06/2019 ##

Nosql

Super outils , à suivre de près pour les futures màj ;)

Sudwebdesign

Slt a tous et a toutes

Passage a la version 2.18.0 de SunEditor

Il est maintenant possible d'ajouter des iframe vidéo de youtube

## SunEditor Version 1.2.0 - 27/08/2019 ##

Sudwebdesign

Slt a tous et a toutes

Une MAJ qui évite au Chapô d'être remplis avec un paragraphe vide et qu'il soit tjrs ouvert après enregistrement

## SunEditor Version 1.2.1 - 28/08/2019 ##

Sudwebdesign

Slt a tous et a toutes

Une MAJ qui fixe les "coller vide" (avec Firefox et parfois) et la suppression des <br> qui empêche l'affichage des paragraphes après l'enregistrement de l'article est supprimé :)

Remarque : il est maintenant possible de présélectionner le texte avant d'ajouter un lien sans qu'il efface le texte, il est maintenant présent dans le champs "texte a affiché". Y a plus qu'a coller l'adresse du lien 😉

Il se charge a une vitesse, c'est bluffant... Merci a JiHong88

## SunEditor Version 1.2.2 - 30/09/2019 ##

Sudwebdesign

Slt a tous et a toutes

Passage la version 2.21.2 de SE,

En plus : un compteur de lettres et un placeholder en Français #todo en multi lingue

## SunEditor Version 1.2.3 - 14/11/2019 ##

cpalo

Bonjour,

Comme tu as fait les trois editeurs.. ( CKE, TinyMce et Sun) pourrais-tu nous faire un bref comparatif qui nous permettrait de choisir l'un plutôt qu'un autre.

De même dans tinymce tu indiquais :

"Afin de compléter son utilité, il s'affiche lors des modif des produit avec le plugin plxMyShop" . Est-ce le cas encore?

Merci

cpalo

Deux petites remarques :

• il ne s'affiche pas lorsque j'édite une page statique
• et lorsque je j'édite un article et que je passe en mode code, pas très joli fons noir sans aucune coloration syntaxique : pb avec codemirror?

Sudwebdesign

@cpalo Pour l'instant il reste très simple, Il édite juste les articles et la parti codemirror est encore inexistante (mais prévue).

Sudwebdesign

Slt a tous, a toutes et bon Sun day

MAJ vers SunEditor 2.28.0

Retouche de certains codes pour que l'insertion des médias (images, vidéos, ...) roule avec cette version de SE.

## SunEditor Version 1.3.0 - 22/03/2020 ##

kamea

Vraiment superbe bravo :)

Un petit soucis sur l'intégration d'une image ( parcourir -> choix de l'iamge depuis un répertoire local -> valider )

Configs testés : PluXml 5.8.2 et 5.8.3 / php 7.2/7.3/7.4

Message de la console : SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Une possibilité de pouvoir gérer les pages statiques prochainement ?

Sudwebdesign

Slt a tous, a toutes et bon Sun day

• MAJ vers SunEditor 2.29.0
• Codemirror+Katex

## SunEditor Version 1.3.1 - 24\/05\/2020 ##

@kamea : probable, qui c'est...

kamea

Super

je test ça dans la semaine et vivement le rajout pour les pages statiques.

Bravo.