L'agence web préférée de nos Savoies !

L’actualité Owoxa de Juillet et Août !

Astuces

Un important travail de développement et de mises à jour ont été fait sur des modules Wordpress, notamment [read more ...]
Edouard | 02/09/2017

En Juin chez Owoxa !

Astuces

C’est parti pour l’actualité du mois de Juin chez Owoxa. Commençons par la création d’un nouveau site web, il s’agit de www.broyageforestier.fr, pour la société Vieux-melchior basé à Saint Ondras. Cette entreprise est spécialisée dans le broyage forestier [read more ...]
Edouard | 01/07/2017

Ce qui s’est passé en Mai !

Astuces

Une bonne partie du mois a été consacré à la mise à jour du back office Owoxa. Des améliorations ont été apportées au niveau du module Galerie. Il est maintenant possible d’ajouter une galerie d’image à son blog ou à ses pages. [read more ...]
Edouard | 02/06/2017

Actu du mois d'avril

Astuces

Commençons avec GPC38, un site web dédié au gardiennage et à la protection à Cheval. Thème gpc créa pour l’occasion. [read more ...]
Edouard | 01/05/2017

Trois nouveaux sites

Astuces

Ce mois-ci, owoxa a travaillé et réalisé trois nouveaux sites web. [read more ...]
Edouard | 29/03/2017

Flyer Wok d'asie

Astuces

Réalisation d’un flyer pour le restaurant Wok d’Asie à Pont de Beauvoisin. C’est un flyer à destination des plats à emportés. Cliquez-ici pour télécharger la version PDF de ce menu. [read more ...]
Edouard | 06/03/2017

Une barre de navigation verticale

Astuces

Salutation, l’asset d’aujourd’hui est une barre de navigation verticale en accordéon avec un minimum de ligne code, 0 javascript et pure css3. [read more ...]
Edouard | 16/02/2017

Shaped-paperclips

Astuces

Nouveau site réalisé par Owoxa pour Horizonsources. Il est question de shaped-paperclips.com / .net, un site web spécialisé dans la vente de trombones personnalisés. C’est une refonte du site web, pour l’occasion j’en ai profité pour créer un nouveau thèm [read more ...]
Edouard | 16/02/2017

Charpente Romagnieu !

Astuces

Un nouveau site web réalisé par Owoxa. Ce dernier né s’appelle charpenteromagnieu.fr et réalisé pour l’entreprise [read more ...]
Edouard | 07/02/2017

C.A.C.E.M-TP

Astuces

nouveau site web : cacem-tp [read more ...]
Edouard | 30/01/2017

La démo du back office Owoxa v 5.0

Astuces

Le back office Owoxa est une interface web permettant de communiquer avec sa base de données dans les conditions du WYSIWYG, traduction : ce que vous voyez c'est ce que vous aurez ! Cette interface permet d'administrer son site web de façon simple. [read more ...]
Edouard | 15/01/2017

Les cartes de visite arrivent !

Astuces

Les nouvelles cartes de visite OWOXA sont arivées. Au placard le noir et blanc, les couleurs prennent le pouvoir ! Jaune et noir pour Lorène, noir et jaune pour Edouard. [read more ...]
Edouard | 09/01/2017

Comment soigner son rhume !

Astuces

Comment soigner efficacement son rhume. Cet article fait un rappel des solutions à  utiliser pour soigner son rhume efficacement ! Attention, recettes de grands-mères. [read more ...]
Auteur | 28/12/2016

Nouveau design OWOXA

Astuces

Nouveau design pour le site web d'owoxa. Une refonte graphique totale ainsi qu'une amélioration du code front end en rapport avec les dernières nouveautés en CSS3, HTML5 et PHP 7. [read more ...]
Edouard | 23/12/2016

Compteur et limite de caractère pour CKEDITOR

Astuces

Après quelques heures de recherches et de tests, la solution est super simple, je l’ai même édulcoré afin d’avoir un minimum de lignes de code pour un résultat au top.

La première étape consiste à télécharger le plugin wordcount pour CKEDITOR, puis notification. Suivez ensuite les instructions pour installer ces deux plugins.

Dans config.js, après avoir déclaré ces deux plugins il faut paramétrer wordcount afin de l’utiliser dans un textarea spécifique.

CKEDITOR.editorConfig = function( config ) {
config.extraPlugins = 'showblocks,wordcount '; 
//default closing wordcount
config.wordcount = {
    // Whether or not you want to show the Paragraphs Count
    showParagraphs: false,
    // Whether or not you want to show the Word Count
    showWordCount: false,
    // Whether or not you want to show the Char Count
    showCharCount: false,
    // Whether or not you want to count Spaces as Chars
    countSpacesAsChars: false,
    // Whether or not to include Html chars in the Char Count
    countHTML: false,
    // Maximum allowed Word Count, -1 is default for unlimited
    maxWordCount: -1,
    // Maximum allowed Char Count, -1 is default for unlimited
    maxCharCount: -1,
   };
};

Maintenant, pour que le textarea compte les caractères et applique une limite, on va configurer CKEDITOR.replace.

<textarea id="comment" name="signature">ckeditor custom</textarea>
<script type="text/javascript">
CKEDITOR.replace( 'comment', {
	wordcount: {
		showParagraphs: false,
		showWordCount: false,
		showCharCount: true,
		countSpacesAsChars:true,
		countHTML:false,
		maxWordCount: -1,
		maxCharCount: 200
	},
	toolbar : [
		{  }
	]
});
</script>

Et voilà comment limiter le nombre de caractères dans son éditeur CKEDITOR avec un minimum de code. Cette solution est très pratique pour un formulaire de contact ou de commentaire par exemple.


Auteur | 07/01/2017