Jump to content
  • Sign Up

Fonctionnement de l'éditeur de texte

CKEditor est un éditeur WYSIWYG, ce qui signifie que le texte qui y est édité ressemble le plus possible au résultat que l’utilisateur aura lorsqu’il le publiera. Il apporte sur le web de nombreuses fonctionnalités identiques à celles que l’on peut trouver sur des applications d’édition tels que Microsoft Word ou OpenOffice. CKEditor permet de faciliter la mise en forme des messages de nos utilisateurs sans devoir utiliser de BBCode.

Première chose, vous pouvez changer entre la version WYSIWYG et la version BBCode tout simplement en cliquant sur le bouton " Source " qui se trouve en haut à gauche de l'éditeur. Je vous conseil fortement la version activé de base, qui est la version WYSIWYG, beaucoup plus simple et agréable à utiliser.

Ensuite je vous conseil je jouer un petit peu avec les boutons présent dans la barre d'outils, vous verrez que vous pourrez faire de jolie sujet avec une mise en forme plutôt sympathique.

Maintenant avec notre forum d'autres fonctionnalités sont intégrés, je vais vous en expliquer.

Imaginons que vous voulez ajouter une vidéo youtube, il vous suffit de mettre directement dans l'éditeur le lien comme par exemple " https://www.youtube.com/watch?v=0z_YKUrabmE " ce qui donnera automatiquement ceci :

Et cela fonctionne avec beaucoup d'intégration, comme un message du forum, je vous montres ça de suite !

Pour cela il vous suffit de mettre le lien direct du sujet ou message concerné. Pour intégrer un sujet, prenez simplement l'adresse qui ce trouve dans votre barre d'adresse. Et pour un message précis, présent dans un sujet, il vous suffit de clic sur le petit icône en haut à droite de chaque message et d'en prendre l'url.

Aller, un dernier exemple ! Vous prenez un lien twitter et ça donne cela :

Si vous voulez ajouter une image en l'hébergeant directement sur le forum, il vous suffit de clic sur " choisir les fichiers... " en bas de l'éditeur.

insérer un media.PNG

D'autres options sont disponibles, mais vous avez maintenant les bases. Je vous invitent à tester de vous mêmes et si vous avez des questions, n'hésitez pas à répondre en dessous de ce tutoriel.

F.A.Q By IPSDev
×
×
  • Create New...