Bonjour,

J'essaye de créer un encadré qui ressemble à ça quand je sélectionne un mot : 

J'arrive bien a faire un encadré avec :hover dans mon fichier css.

Mais je ne sais pas comment faire apparaitre le rectangle bleu et encore moins à y mettre les lettres .

Pouvez-vous m'aider sur ce sujet s'il vous plait ?

Bonjour,

Je n'ai pas bien compris ce que vous voulez faire. Vous sites que vous voulez faire une cadre quand on sélectionne un mot mais en même temps vous parlez de ":hover" qui permet de définir des paramètres sur un élément quand y passe la souris dessus.

Pouvez-vous réexpliquer s'il vous plait.

Bonjour,

Ce que vous indiquez vouloir si j'ai bien compris, c'est un input markdown ?

Vous pouvez cherchez des tutos sur internet pour faire cela dans le langage de votre choix, sinon voici une librairie github si vous disposez d'un niveau plus avancé : https://github.com/erusev/parsedown

Sinon veuillez nous donner une explication plus claires comme indiqué par Noa_LXA

-
Edité par Mehddii 9 février 2020 à 16:25:59

Bonjour,

Un peu de code permettra d'y voir plus clair .

J'ai un paragraphe contenue dans une balise DIV. Ce paragraphe peut être modifié par l'utilisateur grâce à l'attribut contentEditable="true" :

<div id="main_text" contentEditable="true">
   
   Bonjour, je me nomme ______ et j’ai une question pour vous…<br>
   Est-ce que vous êtes satisfait de ______ ?<br>
   Vous avez probablement essayé ____ sans réel résultat.<br>

</div>

Ce que je chercher à faire est donner la possibilité à l'utilisateur de changer le style du texte grâce à des bouton (gras, italic, souligner).

Exactement, comme sur ce forum.

Par exemple, L'utilisateur sélectionne le mot "question", puis clique sur le bouton "B" pour mettre ce mot en gras.

...

Ma problématique initial est de faire apparaitre un encadré contenant les boutons gras, italic et souligner.

...

Ma seconde problématique est d'arriver à appliquer un changement de style d'un mot sélectionné :

Selection-du-mot > clique-sur-bouton-style (gras, italic, souligner) > style-du-mot-est-changé.

-
Edité par renjusyeager 11 février 2020 à 11:38:08

Tu peux utiliser le css / js pour modifier l'apparence de ton editablecontent je vois pas où est le problème.

Si tu veux un code tout fait, il suffit de chercher : https://codepen.io/Shokeen/pen/pgryyN

Tu disposes d'une librairie javascript qui permet de faire cela : https://github.com/wysiwygjs/wysiwyg.js

Démo : https://wysiwygjs.github.io/

Sinon tu dispose du célèbre package markdown en php : https://packagist.org/packages/michelf/php-markdown