JPlatform 10 - Edition Wysiwyg (durée 2 min)
![](upload/docs/image/png/2017-10/jplatform10-wysiwyg-01.png.associated/th-640x360-jplatform10-wysiwyg-01.png.png)
Découvrez le nouvel éditeur Wysiwyg de JPlatform 10.
-
Tous niveaux
-
2 min
-
GuideGuide
-
Jalios Academy
L'éditeur Wysiwyg remplace désormais les anciens champs Wiki.
Au delà des fonctions natives de TinyMCE, JPlatform introduit des fonctions nouvelles comme les mentions, l'auto-complétion, l'insertion unifiée...
Étape 1
Vous avez sauté une partie et devez reprendre avant 0 pour visualiser à 100%.
20 commentaires
![Cyril DAVID](upload/photos/2017-02/mbr_jx_68654.jpg.associated/th-170x170-mbr_jx_68654.jpg.jpg)
![Désactivé](images/jalios/icons/blocked.png)
Bonjour,
Petite question : les utilisateurs mentionnés sont-ils notifiés ?
![Olivier Dedieu](upload/photos/2018-10/mbr_c_6343.jpg.associated/th-170x170-mbr_c_6343.jpg.jpg)
@cyril.david Oui ils sont notifié (comme dans les mentions de JCMS 9).
2 votes :
![Jean-Michel Lambert](upload/photos/2009-06/mbr_jx_20195.jpg.associated/th-16x16-mbr_jx_20195.jpg.jpg)
![Guillaume Derrien](upload/photos/2024-01/mbr_c_7399.jpg.associated/th-16x16-mbr_c_7399.jpg.jpg)
Petites typos:
- étape 1 : comme comme
- étape 8 : des zoneS
- étape 9 : passeR
- étape 10 : saisIe
![Olivier Dedieu](upload/photos/2018-10/mbr_c_6343.jpg.associated/th-170x170-mbr_c_6343.jpg.jpg)
1 vote :
![Guillaume Derrien](upload/photos/2024-01/mbr_c_7399.jpg.associated/th-16x16-mbr_c_7399.jpg.jpg)
@Manuel Bossant C'est corrigé. Merci beaucoup.
Bonjour, Est-ce qu'il est possible de faire des requêtes comme pour les Wiki ?
![Axelle TCHADJET NZIA](upload/photos/2018-03/mbr_jc2_364004.jpg.associated/th-170x170-mbr_jc2_364004.jpg.jpg)
Peut-être que c'est fou fou mais comment accéder à ce fameux éditeur WYSIWYG
![Olivier Dedieu](upload/photos/2018-10/mbr_c_6343.jpg.associated/th-170x170-mbr_c_6343.jpg.jpg)
@Axelle TCHADJET NZIA C'est l'éditeur standard de JPlatform 10. Donc vous n'avez rien à faire de particulier pour y accéder, juste d'utiliser JPlatform 10.
![Olivier Jaquemet](upload/photos/2022-06/mbr_c_6473.jpg.associated/th-170x170-mbr_c_6473.jpg.jpg)
Jean Bernard Chabert oui et non. En synthèse :
- le nouvel éditeur utilise pour format de stockage du
JHTML
: duHTML
enrichi de balise technique Jalios
ce nouveau format de stockage comprend notamment une balise<jalios:include>
supportant les fonctionnalités suivantes précédemment disponibles dans le wiki :- requête listée
- galerie d'image
- à la réédition de type de champ wiki, toutes les balises précédement supportés par le wiki sont convert dans leur équivalent
JHTML
- dans la configuration standard : le nouvel éditeur wysiwyg ne permet pas aux contributeurq d'insérer simplement ces éléments
cependant :- pour tous les utilisateurs, vous pouvez activez les fonctionnalités d'insertion unifiée correspondantes,
elles sont pour l'instant expérimentale et désactivé en standard car leur ergonomie n'est pas satisfaisante.- pour les requête listées :
unified-insert.items.query.enabled: true
- pour les galeries web :
unified-insert.items.gallery.enabled: true
- pour les requête listées :
- pour les utilisateurs avancés il est toujours possible d'éditer le code source HTML (depuis l'éditeur wysiwyg) et de saisir manuellement les balises
exemple (dans lequel{querystring}
est la liste des paramètres accessibles dans une URL de recherche ou récupérable via l'API [[https://community.jalios.com/jcms-docs/latest/javadoc/com/jalios/jcms/handler/AbstractQueryHandler.html#getQueryString--][]QueryHandler.getQueryString]], le tout URL encodé) :Exemple générique : <jalios:include data-jalios-type="query" data-jalios-params="params={querystring}&max=50&sort=title"/> <jalios:include data-jalios-type="gallery" data-jalios-params="query={querystring}"/> Exemple concret : <jalios:include data-jalios-type="query" data-jalios-params="&params=cids%3Djn1_261485&sort=cdate&max=50" />
- pour tous les utilisateurs, vous pouvez activez les fonctionnalités d'insertion unifiée correspondantes,
Toutes ces notions sont expliquées en détails dans
![Pierre MORIN](upload/photos/2019-12/mbr_jx_76835.jpg.associated/th-170x170-mbr_jx_76835.jpg.jpg)
Bonjour,
J'ai cru constater que les contenus liés dans un champ WYSIWYG sont maintenant accompagnés automatiquement de leur tooltip card lors du survol. Exemple :
Vous confirmez ?
Merci.
Cordialement
![Olivier Jaquemet](upload/photos/2022-06/mbr_c_6473.jpg.associated/th-170x170-mbr_c_6473.jpg.jpg)
Bonjour Pierre MORIN,
Oui c'est bien exact. Les liens bénéficient d'un rendu dynamique, incluant notamment le support de l'affichage de la ttcard.
Démonstration avec le lien suivant :
![Pierre MORIN](upload/photos/2019-12/mbr_jx_76835.jpg.associated/th-170x170-mbr_jx_76835.jpg.jpg)
Merci Olivier.
Cependant, j'ai eu quelques soucis : il m'est par exemple impossible d'avoir une TTCard pour un lien vers cette même page. Est-ce normal ?
![Olivier Jaquemet](upload/photos/2022-06/mbr_c_6473.jpg.associated/th-170x170-mbr_c_6473.jpg.jpg)
3 votes :
![Pierre MORIN](upload/photos/2019-12/mbr_jx_76835.jpg.associated/th-16x16-mbr_jx_76835.jpg.jpg)
![Sylvain Chatagnon](upload/photos/2016-03/mbr_jc1_187592.jpg.associated/th-16x16-mbr_jc1_187592.jpg.jpg)
![cedric tremintin](upload/photos/2019-09/mbr_jx_68455.jpg.associated/th-16x16-mbr_jx_68455.jpg.jpg)
Tu as inséré un lien "classique" vers une URL dédiée, avec des paramètres spécifiques.
Pour assurer un rendu dynamique il doit s'agit d'un lien "natif" vers la donnée.
Démonstration :
- Insertion du lien dynamique via ctrl espace :
JPlatform 10 - Edition Wysiwyg - Insertion du lien dynamique via détection lors du copier coller (aucun paramètre requis) :
JPlatform 10 - Edition Wysiwyg - Insertion d'un lien "classique" :
https://community.jalios.com/jcms/151_JLearnResource/fr/jplatform-10-edition-wysiwyg?histstate=5&
Bonjour,
je ne vois plus l'éditeur de code Html , mais j'ai compris qu'il existait une Full featured (https://www.tiny.cloud/docs/demo/full-featured/). Sera-t'elle proposée à l'avenir ?
Merci !
3 votes :
![Olivier Dedieu](upload/photos/2018-10/mbr_c_6343.jpg.associated/th-16x16-mbr_c_6343.jpg.jpg)
![Guillaume Derrien](upload/photos/2024-01/mbr_c_7399.jpg.associated/th-16x16-mbr_c_7399.jpg.jpg)
Julie Manceau il suffit de cliquer droit dans la fenêtre de l'éditeur puis de sélectionner "code source"
2 votes :
![Olivier Dedieu](upload/photos/2018-10/mbr_c_6343.jpg.associated/th-16x16-mbr_c_6343.jpg.jpg)
![Guillaume Derrien](upload/photos/2024-01/mbr_c_7399.jpg.associated/th-16x16-mbr_c_7399.jpg.jpg)
Oh super, j'ai parcouru les boutons mais n'est pas trouvé l'astuce. Merci beaucoup !
![Sébastien Lefevre](upload/photos/2023-08/mbr_jc_121095.jpg.associated/th-170x170-mbr_jc_121095.jpg.jpg)
1 vote :
![cedric tremintin](upload/photos/2019-09/mbr_jx_68455.jpg.associated/th-16x16-mbr_jx_68455.jpg.jpg)
Bonjour,
L'éditeur de cellules d'un tableau ne propose pas d'aide pour sélectionner une couleur de bordure ou de fond, pourtant disponible avec la version 4 de tiny mce : https://www.tiny.cloud/docs/demo/full-featured/
Anomalie ? Merci
![Michel Remacle](upload/photos/2011-09/mbr_jx_67111.jpg.associated/th-170x170-mbr_jx_67111.jpg.jpg)
Sébastien Lefevre ; en cliquant dans le tableau puis l'icone "tableau" dans la barre de menu il y a "propriétés du tableau" qui s'active
3 votes :
![Magali Mengual](upload/photos/2024-02/mbr_jx_46244.jpg.associated/th-16x16-mbr_jx_46244.jpg.jpg)
![Sébastien Lefevre](upload/photos/2023-08/mbr_jc_121095.jpg.associated/th-16x16-mbr_jc_121095.jpg.jpg)
![cedric tremintin](upload/photos/2019-09/mbr_jx_68455.jpg.associated/th-16x16-mbr_jx_68455.jpg.jpg)
Bonjour,
Si vous voulez avoir le colorpicker sur ces éléments, il faut activer le plugin "colorpicker" de l'étideur TinyMCE (ce plugin n'est pas activé dans la configuration par défaut).
Pour cela, il faut créer un nouveau fichier de configuration afin de surcharger les configurations existantes :
Dans notre nouveau fichier de configuration, on déclare le plugin de la manière suivante :
{
'@ALL': {
plugins: 'colorpicker',
}
}
Cette configuration permet d'activer le plugin "colorpicker" dans toutes les configurations de TinyMCE, l'aide à la saisie de couleur apparaîtra donc dans tous les champs Wysiwyg de votre application.
En espérant vous avoir aidé, très bonne journée.
![cedric tremintin](upload/photos/2019-09/mbr_jx_68455.jpg.associated/th-170x170-mbr_jx_68455.jpg.jpg)
Merci pour ces éléments car plusieurs clients nous ont déjà fais cette remarque.
![Sébastien Lefevre](upload/photos/2023-08/mbr_jc_121095.jpg.associated/th-170x170-mbr_jc_121095.jpg.jpg)
Charlie Delanneau Ca fonctionne parfaitement sauf dans Propriétés de la ligne. Les champs Couleur de la bordure et arrière plan n'ont pas le colorpicker. Merci.