Comment installer un éditeur de texte pour un formulaire en 10 secondes ?

Savoir créer un formulaire, c'est assez sympa. Vous pouvez créer toute sorte de champs de saisie, de bouton, de case à cocher etc... Mais ce qui est encore plus sympa, c'est lorsque vous proposez sur votre zone de texte un éditeur de texte. Bon d'accord, si vous n'avez pas de zone de texte de type textarea, cet article est assez inutile. Si, par contre, vous souhaitez proposer à votre visiteur la possibilité de s'exprimer, vous devez nécessaire y mettre une zone de type textarea. Voir l'article : Comment faire un formulaire en html ? Une fois cette zone de texte installée, si vous souhaitez bien faire les choses, il devient alors nécessaire d'installer un éditeur de texte pour le web. Cette éditeur web donnera alors ce type de champs : C'est désormais beaucoup mieux ainsi. Grâce à cet éditeur de texte web, vous pouvez désormais créer un formulaire et laisser un commentaire avec un style de texte, des puces numérotées, un tableau, des styles de polices, du texte en gras ou en italique. Vous vous demandez si c'est dur à réaliser ? Et bien, je vous répondrai que faire cette mise en forme pour ma zone de texte m'a pris 10 secondes. Et tout cela, grâce à CKEditor. CKeditor vous explique comment insérer leur librairie d'éditeur web dans le menu Feature. Dans le menu download, vous pourrez choisir votre package pour créer des éditeurs plus ou moins complexe. Et le bestof, ckeditor.com vous permet également de customiser votre éditeur web afin de n'insérer que les champs dont vous avez envie. Ainsi, si vous aimez leur éditeur mais que vous ne souhaitez pas que le visiteur puisse insérer un lien ou une image, vous pouvez customiser l'éditeur et supprimer ces modules. Enfin, CKEditor. vous fait profiter de leur librairie hébergées à distance sur leur CDN disponible sur 50 localisations et 6 continents. Voici le code que j'ai utilisé pour créer ce champs de formulaire :

<html>
    <head>
	<script src="//cdn.ckeditor.com/4.6.2/basic/ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script type="text/javascript" >
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>

Attention, cet éditeur est sous license, pour tout usage commercial, renseignez-vous auprès de leur support. CKEditor.



Vous notre contenu ?

Lisez toute l'info de Formaweb avec votre café

Erreur : SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Name or service not known