JPlatform 10 - Edition Wysiwyg (durée 2 min)
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
Bonjour,
Petite question : les utilisateurs mentionnés sont-ils notifiés ?
@cyril.david Oui ils sont notifié (comme dans les mentions de JCMS 9).
2 votes :
Petites typos:
- étape 1 : comme comme
- étape 8 : des zoneS
- étape 9 : passeR
- étape 10 : saisIe
1 vote :
@Manuel Bossant C'est corrigé. Merci beaucoup.
Bonjour, Est-ce qu'il est possible de faire des requêtes comme pour les Wiki ?
Peut-être que c'est fou fou mais comment accéder à ce fameux éditeur WYSIWYG
@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.
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
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
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 :
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 ?
3 votes :
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 :
Julie Manceau il suffit de cliquer droit dans la fenêtre de l'éditeur puis de sélectionner "code source"
2 votes :
Oh super, j'ai parcouru les boutons mais n'est pas trouvé l'astuce. Merci beaucoup !
1 vote :
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
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 :
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.
Merci pour ces éléments car plusieurs clients nous ont déjà fais cette remarque.
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.