Galactic Civilizations 3
CKEditor - Installation

CKEditor - Installation

Catégorie: Javascript.
Posté par le 26/09/2011.
Dernière mise à jour le 03/05/2012.

   Tutoriel suivant>>

Description

Ce tutoriel vous expliquera comment installer l’éditeur de texte CKEditor et l’utiliser dans un formulaire.

Introduction

Ce tutoriel peut être réalisé à l'aide d'un simple éditeur de texte. Il nécessite des connaissances de base en HTML.

Nous allons considérer que le fichier contenant l'éditeur de texte (index.html) se trouve à la racine, que les fichiers de configurations de CKEditor se trouvent dans /CKEditor/ckeditor et que les modules se trouvent dans /CKEditor/modules.

CKEditor est un éditeur de texte pouvant être utilisé à l'intérieur d'une page web. C’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 vos utilisateurs (pour les commentaires ou les forums) sans devoir utiliser de BBCode.

Installation de CKEditor

Nous commençons par télécharger CKEditor (Vous pouvez le télécharger ici) et ensuite par placer les fichiers dans le répertoire /CKEditor/ckeditor.

Ouvrons maintenant le fichier index.html avec un éditeur de texte et créons un formulaire avec les lignes suivantes :

index.html

...
<script type="text/javascript" src="CKEditor/ckeditor/ckeditor.js"></script>
</head><body>

...
<!-- This <div> holds alert messages to be display in the sample page. -->
<div id="alerts">
   <noscript>
      <p>
         <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript support, like yours, you should still see the contents (HTML data) and you should be able to edit it normally, without a rich editor interface.
      </p>
   </noscript>
</div>

<!-- This <fieldset> holds the HTML that you will usually find in your pages. -->
<form method="POST" action="">
   <textarea cols="80" class="ckeditor" id="editeur" name="editeur" rows="10"></textarea>
   <input type="submit" value="envoyer" />
</form>

...

Une fois ce fichier modifié, vous devriez avoir un éditeur avec les fonctionnalités standards. Vous pourrez ainsi offrir aux utilisateurs de votre site un éditeur de texte évolué.

CKEditor basic

Le prochain tutoriel vous expliquera comment personnaliser votre éditeur de texte.

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

   Tutoriel suivant>>

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: CKEditor editeur de texte html JavaScript module plugin web

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don