Ajoutez un icone + action dans le menu tinyMCE côté front-end

[herve]

Bonjour
Pour répondre à une besoin d'insertion de vidéos dans la catégorie "vidéos des articles joomla, je cherchais des solutions.
Peut-être que la meilleur ? simple ? et universelle car pourrait répondre à d'autres demandes
L'idée serait d'insérer, un icône avec l'action liée, au bout à droite, de mon menu simplifié de tinyMCE :

J'ai copié le code CSS lié a ce que j'ai trouvé sur le bouton insertion de vidéo

<div title="Média..." role="menuitem" aria-haspopup="false" tabindex="-1" class="tox-menu-nav__js tox-collection__item tox-collection__item--active" aria-disabled="false">
  <div class="tox-collection__item-icon"><svg width="24" height="24" focusable="false"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm1 2v14h14V5H5zm4.8 2.6l5.6 4a.5.5 0 010 .8l-5.6 4A.5.5 0 019 16V8a.5.5 0 01.8-.4z" fill-rule="nonzero"></path></svg></div>
  <div class="tox-collection__item-label">Média...</div>
</div>​

Comment faire si ce n'est pas trop compliqué ?

[pmleconte]

Bonjour,

Cela se passe dans le plugin tinymce.

Sélectionnes Ensemble 1 ou 2 en fonction du type d'utilisateur pour lesquels tu souhaites l'activer.

Il suffit par drag&drop de sélectionner le bouton média dans "Tous les menus & boutons disponibles" vers ta barre de menu et voilà

Pascal

[daneel]

Bonjour,

Comme évoqué dans cette discussion :

https://forum.joomla.fr/forum/joomla-4-x-aa/questions-g%C3%A9n%C3%A9rales-aa/2050809-faciliter-l-insertion-d-une-vid%C3%A9o-tout-type-c%C3%B4t%C3%A9-front-end-de-mani%C3%A8re-s%C3%A9curis%C3%A9e?p=2050960#post2050960

Tu peux tester cette alternative OSEmbed pour une "intégration simple et universelle" des videos : https://extensions.joomla.org/extension/osembed/

[herve]

Merci pour vos contributions
@daneel ppour OSEmbed, je répondrai plutôt sur l'autre fil lié https://forum.joomla.fr/forum/joomla...9e#post2050960

J'étais super content de déplacer aussi simplement l'icone (j'aime bis); comme il était dans un sous-menu, je m'étais bêtement limité.
mais tout de suite après, je repars dans différents tests avec le formulaire correct :

https://j4test.88h.ovh/crea-art

sur la catégorie vidéo du site de test :

https://j4test.88h.ovh/accueil/videos

Et là grosse déception, rien ne s'affiche avec l'icone, le rendu est à base de <video> mais il n'y a aucun rendu de vidéo

Je suis très surpris car cela fonctionnait avant. Dans la catégorie du site de test, on voit bien que les vidéos s'affichent quand elles sont dans des iframe
Je suis quasiment sûr que je ne faisais rien de spécial (avant, peut-être les tests fait en joomla 3.9?). Du coup le code html :

<p><iframe width="854" height="480" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%;" src="https://embed.ted.com/talks/lang/fr/kim_stanley_robinson_remembering_climate_change_a_message_from_the_year_2071" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></p>

j'ai bien lu ailleurs daneel que le iframe était "moins bien" pour des questions de sécurité; Du coup, il y a quelque chose qui m'échappe.

Est-ce que de votre côté, cela génère une balise <vidéo> ? et cela affiche la vidéo ?
J'a iregardé sur d'autres sites joomla 4, j'ai le même problème. Est-ce un conflit ?

[herve]

Bon le problème provenait (peut-être) du fait que je copier/coller dans la box une url d'un provider non reconnu ou non conforme ? Ce qui faisait que le code HTML devenait un truc comme ça

<video controls="controls" width="300" height="150">
<source src="https://embed.ted.com/talks/lang/fr/kim_stanley_robinson_remembering_climate_change_a_message_from_the_year_2071" /></video>​

Si je copie/colle

<div style="max-width:854px"><div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://embed.ted.com/talks/lang/fr/kim_stanley_robinson_remembering_climate_change_a_message_from_the_year_2071" width="854" height="480" style="position:absolute;left:0;top:0;width:100%;height:100%" frameborder="0" scrolling="no" allowfullscreen></iframe></div></div>​

cela fonctionne mais bon du coup cela reporte sur une personne novice la charge de trouver la bonne méthode et j'ai l'impression qu'il y aura des plateformes non reconnus
En dépannage cela pourrait fonctionner mais je vais encore attendre un peu , pour voir la possibilité de créer un champ personnalisé ACF php (autre fil) qui permettrait en plus certainement de normaliser la taille de la vidéo ?