TinyMCE et les alternatives proposant un Paste from Word correct

TinyMCE et les alternatives proposant un Paste from Word correct - HTML/CSS - Programmation

Marsh Posté le 08-11-2023 à 13:05:21    

Salut,
 
Un petit sujet sur TinyMCE (un WYSIWYG intégrable dans des applications ou des sites webs et qui permet d'ajouter du contenu riche dans un textarea).
 
Récemment sur l'un de nos produits, nous avons un peu analysé les comportements de nos utilisateurs qui copy / paste pas mal de contenus issus de Microsoft Word. La version de TinyMCE est un peu ancienne, 4.x et nous n'avons pas de paste from word dessus. Le contenu du presse papier est un peu nettoyé, mais ce n'est pas parfait.
Sur des versions plus récentes de TinyMCE, il y a une extension powerpaste qui est censée faire cela très bien, sauf qu'il faut à ce moment là payer  130$ par mois, ce qu'on aimerait franchement éviter.
 
Quelles sont donc vos solutions et/ou vos alternatives modernes à tinyMCE ? Même une alternative payante peut nous convenir... à condition qu'elle n'implique pas de payer tous les mois ou d'avoir un nombre limité de queries.


---------------
Expert en expertises
Reply

Marsh Posté le 08-11-2023 à 13:05:21   

Reply

Marsh Posté le 08-11-2023 à 17:56:08    

Si vous avez des dev js, vous pouvez regarder pour créer votre plugin en regardant le code source de l'ancien en l'adaptant à la nouvelle API.
J'avais crée mon plugin de "médiathèque" pour que le client puisse uploader ses fichiers d'un coté et les incorporer dans du contenu html de l'autre, tout cela date un peu et il me semble que j'avais fait quelque vilain hack a base de variable global pour passer des infos (je suis pas spécialement une fléche en JS  [:nedurb] ) mais globalement ça se fait...
https://www.tiny.cloud/docs/advanced/creating-a-plugin/
Je ne sais pas si c'est toujours le cas mais y'avait une version ou le code n'était pas minifié donc j'ai pu m'inspirer d'un autre plugin (emoticon si je me souviens bien) pour pas partir de rien.


---------------
D3
Reply

Marsh Posté le 09-11-2023 à 08:31:10    

Oui, merci pour ta réponse. On est en train d'y penser.
 
Reste à voir s'il existe par exemple des choses open source toutes faites capable de nettoyer le code qu'on puisse incorporer dans un plugin préparé par nos soins.
Je veux dire des choses de bonne qualité, testées et reconnues :D je trouve pléthore de choses sur github.


Message édité par Hermes le Messager le 09-11-2023 à 08:34:35

---------------
Expert en expertises
Reply

Marsh Posté le 13-11-2023 à 21:30:59    

Sur un de mes projets (Planeta Calandreta), j'ai utilisé Quill : https://quilljs.com/
J'ai trouvé ça bien. J'ai juste rajouté en info-bulle le nom de chaque couleur pour les polices afin que les malvoyants aient l'info.

Message cité 1 fois
Message édité par rufo le 13-11-2023 à 21:31:16

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 14-11-2023 à 08:07:47    

rufo a écrit :

Sur un de mes projets (Planeta Calandreta), j'ai utilisé Quill : https://quilljs.com/
J'ai trouvé ça bien. J'ai juste rajouté en info-bulle le nom de chaque couleur pour les polices afin que les malvoyants aient l'info.


 
Ah merci, je ne connaissais pas.  
 
Pour le moment, je suis resté sur Summernotes, mais il n’a pas d’import word dédié non plus.


---------------
Expert en expertises
Reply

Marsh Posté le 14-11-2023 à 09:26:59    

Moi non plus, à l'époque, je ne connaissais pas. Je cherchais un éditeur de posts pour mettre dans un module de forum que je développais pour mon outil Planeta qui soit à la fois simple à intégrer et très facile à utiliser pour les utilisateurs (cible : la mère de famille ou la maîtresse d'école maternelle/primaire), c'est-à-dire qu'ils soient capable de mettre en forme un texte, insérer une image et la redimensionner à la souris ou une vidéo provenant de YT ou une autre plate-forme.
 
Quill répondait bien à ces critères et aujourd'hui, je ne regrette pas mon choix :)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 14-11-2023 à 12:12:42    

La question d'HLM ciblait spécifiquement le copier / coller depuis word qui a notoirement tendance à importer beaucoup de merde (classe css, noeuds imbriqué, etc.).
Les anciennes version de TinyMCE le nettoyait relativement bien grâce à un bouton spécial "copier depuis word" mais n'existe dans la dernière version qu'en mode payant.
Est ce que tu saurais comment se comporte quilljs dans ce cas de figure ?
J'ai trouvé une démo en ligne : https://quilljs.com/playground/
A voir si le filtre par défaut convient ou si il faut jouer avec https://quilljs.com/docs/modules/clipboard/
 
Opensource et léger c'est sympa en tout cas !


---------------
D3
Reply

Marsh Posté le 14-11-2023 à 13:38:14    

Je viens de faire un petit test. Comme je m'y attendais, sans avoir codé un truc en particulier, un copier/coller de Word à Quill ne donne pas un résultat satisfaisant dès qu'on y met des images et tableaux. Pour ce qui est du texte avec des styles, listes, couleurs, ça va.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

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