[Tuto] nicEdit (WYSIWYG) Rich text editor

[Tuto] nicEdit (WYSIWYG) Rich text editor - Version imprimable

+- MyBB.support, le portail francophone de MyBB (http://mybb.support)
+-- Forum : MyBB.fr (http://mybb.support/forum-1.html)
+--- Forum : Tutoriels (http://mybb.support/forum-19.html)
+--- Sujet : [Tuto] nicEdit (WYSIWYG) Rich text editor (/thread-1575.html)

Pages : 1 2

[Tuto] nicEdit (WYSIWYG) Rich text editor - badisoun - 17-04-2009

Bonjour,
Avant de commencer le HTML doit être activé dans votre forum.
Nom du Plug-in: nicEdit
Site Web: http://nicedit.com
Testé: Oui dans la version 1.4.x
Version du Plug-in:0.9 r23
L'Auteur du tutoriel: Moi Wink

Ce système est un éditeur texte amélioré pour votre forum MyBB.

Screenshots (Captures d'écran):

A-Installation:

1-Téléchargez le Plug-in: [attachment=482]
2- Décompressez le fichier et uploadez le dans le votre espace FTP (root)
(ex: http://www.mon-forum.com/nicEdit).
B-Modification des templates du Style

1-Maintenant,ouvrez le template nommé 'editpost' ,Collez le code suivants après <head>:

Code :

<script type="text/javascript" src="nicEdit/nicEdit.js"></script> <script type="text/javascript">

//<![CDATA[

bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });

//]]>

</script>

Ensuite cherchez dans le même template et supprimez ceci:

Code :

{$codebuttons}

2-Répétez la même procédure pour les templates: 'newreply','newthread' ,'private_send' .

3-Ouvrez le template 'showthread_quickreply' ensuite collez ce code tout en haut de la page:

Code :

<script type="text/javascript" src="nicEdit/nicEdit.js"></script> <script type="text/javascript">

//<![CDATA[

bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });

//]]>

</script>

N/B: Ne supprimez pas le code {$codebuttons}dans l'étape (3)

4- Ouvrez le template 'usercp_editsig' et collez le code suivants après <head>:

Code :

<script type="text/javascript" src="nicEdit/nicEdit.js"></script> <script type="text/javascript">

//<![CDATA[

bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });

//]]>

</script>

Après,cherchez dans le même template et supprimez ce code:

Code :

{$codebuttons}

5-Et voila c'est fini !!

Bonne journée. Big Grin

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - neowarf - 21-05-2009

Je vais tester.
Mais l'éditeur reste en noir comme sur le screen?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - badisoun - 23-05-2009

Bonjour,
l'éditeur suit le thème, si votre thème est blanc l'éditeur deviendra blanc,etc...
Il change avec le thème.
Bonne chance.

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - neowarf - 23-05-2009

Et est-ce que l'on peut rajouter des boutons?
Merci

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - badisoun - 28-05-2009

Non je pense que ce n'est pas possible ! http://www.nicedit.com

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - shootingcoco - 23-06-2009

Salut,

j'ai télécharger le script nicEdit grace au lien que tu donnes, cependant je ne trouve pas de template dedans, seulement un .js et un .gif

alors de quoi parles-tu?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - badisoun - 13-07-2009

Salut,
Les templates cités dans le tutoriel sont ceux de MyBB pas de l'éditeur !

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - skylive77 - 20-04-2010

J'ai éssayer d'installer, l'éditeur, j'ai tous fait comme il faut, mais quand je créer un sujet, ya aucun éditeur !

Up !

10 caract

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - Dr. Mohamed le terrible - 21-05-2010

tu l'as au moins activé?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - skylive77 - 21-05-2010

Activé, ou sa ?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - Dr. Mohamed le terrible - 21-05-2010

Admin=> plugins

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - skylive77 - 23-05-2010

Euh, dans Admin >> PLugins ya rien !!

Je vous expique, j'ai mis le .JS et le .GIF dans (sur mon serveur) : mybb >> Inc >> Plugins

Esque que c'est sa qu'il fallait faire, si-non dite moi ou le mettre svp

Up (encore) !

10 caract

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - Tidus - 29-05-2010

Installé et marche à la perfection merci.

Skylive77, il n'y a pas d eplugin à activer, simplement de mettre les fivhier a la racine comem indiqué et d'edité les templates cités c'est tout.

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - mon50cc - 31-05-2010

Merci il marche nickel !

Juste un souci c'est les smiley qui ne fonctionne plus...

Je clique sur un smiley mais il ne s'affiche pas dans le cadre d'écriture. Ya pas un moyen de réparer ça ?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - mon50cc - 31-05-2010

Je vient de voir un autre problème !

Après avoir testé de poster quelque chose bah voila ce que ça donne:

Bonjour à tous, Je me présente ! Mon Prénom: Samy Mon Age: 14 ans  Mais l'age ne veut rien dire ! C'est la maturité de la personne qui compte ! Donc ne jugez pas sur l'age. Mes études: Actuellement Collègien / Webmaster de ce site Mes qualités: Je suis quelqun de normal ^^  Je suis pas "noob" et je ne fait quasiment pas de fautes d'orthographes ! J'ai bien dit quasiment Dodgy Voila. 

Normalement cela ne doit pas apparaitre comme ça non ?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - snider59 - 31-05-2010

Avant de commencer le HTML doit être activé dans votre forum.

Apprend à lire.

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - skylive77 - 03-06-2010

J'ai tout réglé, tout marche, mais les icones de l'éditeur ne s'affiche pas, comment faire ?

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - adidas - 12-06-2010

Merci Smile

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - haytoch - 15-06-2010

Mes ami attention activé HTML vous risquer c'est dangeraux pour votre forum

RE: [Tuto] nicEdit (WYSIWYG) Rich text editor - skylive77 - 19-06-2010

Effectivement, il y a un risque avec l'activation du HTML, mais faut savoir ce qu'on veut :

Laissé le superbe éditeur par défault (ironie) ou prendre un éditeur F1 mais qui présente un risque de sécurité

Après c'est à l'admin de réglé sont forum pour que le soucis du HTML soit vite éffacé

Utilitaire de traduction fourni par Regentronique