Bonjour, Je cherche à créer un IDE en ligne.

Pour cela, j'utilise la balise <textarea>.

Le problème est que j'aimerais pouvoir colorer des mots, des phrases...

Exemple :

<?php
    echo('Exemple');
    # Juste pour l'exemple
?>

Colorer <?php et ?> en vert-gris, mettre echo en gras et en bleu, 'Exemple' en orange, et # Juste pour l'exemple en rouge...

Pourriez-vous m'expliquer la marche à suivre ?</textarea>

Up !

C'est impossible. Tu ne peux pas styliser le composant pour obtenir ce que tu veux. Un conseil, n'essaie pas de refaire ça à la main, surtout si tu n'es pas confirmé en dev JS. Si tu y tiens vraiment, prends exemple sur les éditeurs équivalents, ou utilise les juste: 

https://microsoft.github.io/monaco-editor/

https://codemirror.net/

En inspectant l'éditeur montré en exemple, tu remarqueras que ce n'est pas du tout un textarea, mais une div remplie d'éléments pour reproduire de zéro le comportement d'un éditeur de texte.

Au passage : "textarea syntax highlighting" t'aurait donné la réponse immédiatement.

-
Edité par Genroa 18 juillet 2019 à 10:45:49

Merci !