Toolbar d'édition de texte [Résolu]

[ZiziCoincoin]

Bonsoir,

J'ai eu beau chercher toute l'après-midi, j'ai pas trouvé : je cherche une sorte de script (ou une page expliquant comment je peux arriver à en faire un assez simplement). Le problème est que je ne connais pas le langage dans lequel on réalise ce genre de programme.

Il s'agit d'une barre d'outil permettant la mise en forme d'un texte. Le même genre de toolbar que celle d'hotmail (rédaction de mail), mambo ou encore celle de ce même forum lorsqu'on rédige un message. Toute aide que vous pourrez m'apporter sera bienvenue.

Merci d'avance.

[ghostdogpr]

FCKeditor correspond à ce que tu cherches (si j'ai bien compris )

[ZiziCoincoin]

Impeccable. Ca à l'air d'être pile poil ce que je cherche. Merci beaucoup, vraiment.

[Death83]

J'utilise également FCK editor. C'est vraiment top. EN plus tu peut facilement le configurer comme tu le souhaite en fouillant un peu dans le script.

[ZiziCoincoin]

Oui, je vois ça, c'est vraiment super bien foutu et aussi simple à utiliser/installer. J'avais pas beaucoup de temps pour mettre les pattes dans le code alors ce logiciel est vraiment ce qu'il me fallait. Ca à l'air d'être le seul aussi d'ailleurs, je me trompe ?

[Death83]

Envoyé par ZiziCoincoin

Oui, je vois ça, c'est vraiment super bien foutu et aussi simple à utiliser/installer. J'avais pas beaucoup de temps pour mettre les pattes dans le code alors ce logiciel est vraiment ce qu'il me fallait. Ca à l'air d'être le seul aussi d'ailleurs, je me trompe ?

Non il y en a d'autre. Mais celui la est pas mal. Par contre il ne marche pas sous netscape et Opéra. J'ai bidouiller le truc pour avoir un editeur de texte de type "BBCode" dans ces cas la.

[ghostdogpr]

Envoyé par ZiziCoincoin

Oui, je vois ça, c'est vraiment super bien foutu et aussi simple à utiliser/installer. J'avais pas beaucoup de temps pour mettre les pattes dans le code alors ce logiciel est vraiment ce qu'il me fallait. Ca à l'air d'être le seul aussi d'ailleurs, je me trompe ?

Il y a TinyMCE aussi, mais je ne l'ai jamais testé (j'utilise FCKeditor qui me satisfait pleinement).

[ZiziCoincoin]

Envoyé par Death83

Non il y en a d'autre. Mais celui la est pas mal. Par contre il ne marche pas sous netscape et Opéra. J'ai bidouiller le truc pour avoir un editeur de texte de type "BBCode" dans ces cas la.

Ca va c'est pas trop un problème étant donné que je connais les configurations des machines des futurs utilisateurs du site : ce sera du IE pour 95% des cas .. le reste du firefox.

Par contre j'ai un petit soucis avec FCK ... c'est que j'arrive pas à trouver la partie qui concerne le textearea pour modifier son apparence. Enfin ... j'arrive pas à changer la couleur de fond de la boîte (skin default). Je sais que ça se passe à l'intérieur d'une iFrame mais ... j'arrive pas à trouver le textarea pour lui coller une class ... j'ai bien essayé de regarder dans les feuilles de styles mais j'y trouve rien.

Une idée ?

[Death83]

Il faut soit que tu modifie un skin ou que tu en crée un nouveau.

Et les CSS a modifier sont dans ce chemin:

\FCKeditor\editor\skins\tonskin.

Apres c'est sur qu'il faut passer un peu de temps a décortiquer le code, mais ca vaut le coup. A l'origine je voulais faire mon propre éditeur de texte, j'ai donc regarder le code de FCKeditor pour voir comment il faisait certain truc. Et j'ai été bleuffé par tout le js qu'i ont fait du coup j'ai abandonné mais au moin je connais bien FCK ^^.

[ZiziCoincoin]

C'est vraiment la seule chose dont j'arrive pas à changer la couleur à vrai dire (car pas situé dans les css mais bien planqué quelque part dans les pages de code il me semble). Le reste ...



... j'ai réussit à le modifier à ma guise. Enfin bref, c'est déjà très bien ainsi ça marche vraiment au poil. Merci beaucoup.

[Death83]

Envoyé par ZiziCoincoin

C'est vraiment la seule chose dont j'arrive pas à changer la couleur à vrai dire (car pas situé dans les css mais bien planqué quelque part dans les pages de code il me semble). Le reste ...



... j'ai réussit à le modifier à ma guise. Enfin bref, c'est déjà très bien ainsi ça marche vraiment au poil. Merci beaucoup.

Bizzare. moi j'ai réussi a tout changer. Tu veut parler du blanc du fond du textarea?

[ZiziCoincoin]

Oui voilà ... là où j'ai foutu un coup de spray. C'est la seule chose que j'arrive pas à modifier. J'en viens à me demander si c'est pas fait exprès, pour le fonctionnement du logiciel. A moins que j'ai vraiment mal regardé ... je vais me refaire encore une fois les trois css pour être sûr tout de même.

[edit] Trouvé. Dans un css à part. Bon et bien tout fonctionne au poil maintenant.

[Death83]

A oui ca je l'ai laissé quel tel. Mais je pense que c'est modifiable. Comme tu doit le voir egalement on se rend compte que cette partie apparaits en secondaire par dessus une autre.

Je vais regarder ca de plus pres pour voir ou c'est.

[ZiziCoincoin]

Dans /FCKEditor/editor/css/fck_editorarea.css :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

body
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    margin: 0px;
    border-style: none;
    background-color: #ffffff;
}

.Bold
{
    font-weight: bold;
}

.Title
{
    font-weight: bold;
    font-size: 18px;
    color: #cc3300;
}

.Code
{
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
}

Voilà, il suffit juste de modifier le style body donc. Ca me semble bizarre que ça ne fasse pas partie intégrante du skin mais bon ... soit.

[Death83]

Apres tu peut couper ces classe et les insérer dans les feuilles de style du skin. Ca marchera pareil.