Discussion :

[roduce]

bonjour à tous,

je souhaiterais crééer un formulaire avec mise en page interne.

plutôt quelque chose ou la mise en page (gras par exemple) apparait directement plutôt que du BBcode.
Je crois que gmail le fait par exemple.
Auriez vous une idée du/des langages utilisés?
et éventuellement du framework etc
Ou plus simplement la technique pour qu'une partie d'un texte à priori dans un textarea apparaisse en gras, en rouge, en gros etc

Merci d'avance

[Mitaka]

salut
je vois pas trop ce que tu veux
tu pourrais être un peu plus précis ?
tu veux une zone de texte riche ? où tu peux mettre des couleurs , du gras sans qu'un code n'apparaisse à l'écran ?
http://www.kevinroth.com/rte/
http://www.kevinroth.com/rte/demo.htm

[roduce]

Alors j'ai trouvé ça qui est très bien pour ce que je veux faire:
tinymce.moxiecode.com

Si jamais l'un de vous peut me dire SIMPLEMENT pourquoi un textarea peut avoir son contenu mis en page partiellement je suis quand même prenneur.

[Mitaka]

où ? quand ? qui ? comment ? pourquoi ?

[roduce]

Le colonel moutarde dans la bibliothèque avec le chandelier !

Plus sérieusement, oui je veux faire de la saisie comme l'indique le script que tu m'as montré (dont l'une des pages affiche une erreur malheureusement).

Donc ce qui m'intéresse c'est de savoie comment le script, javascript je suppose, fait pour ne mettre en page qu'une partie de son contenu en gras.

est ce que je répond à ta question ?

[Mitaka]

oui merci, c'est plus clair.
de quelle erreur tu parles ?

Dans la page que je t'ai donné, si tu saisis un texte (Brian is in the kitchen) et que tu veux l'enregistrer, il sera envoyer avec le code html et css pour mettre en forme dans la bdd :

<span style="font-weight: bold;">Brian</span> <span style="text-decoration: underline;">is</span> <span style="color: rgb(0, 0, 0); text-decoration: underline; font-style: italic;">in the </span><span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); text-decoration: underline; font-style: italic;">kitchen</span><style type="text/css">body {
background: #FFF;
}
</style>

quand tu récupèreras ton texte, il sera sous cette forme là : Brian is in the kitchen

est ce que ça répond à ton problème ?

[roduce]

rassure toi j'ai très bine compris le mécanisme qui fait qu'on obtient du code html qui sera interprété.

Ce que je me demande c'est que ej sais que l'on peut formater le contenu d'une zone de saisie dans son intégralité mais je ne connais pas le procédé pour le formater en partie .

[Mitaka]

excuse mais t'as pas du tout précis je préfère éviter de répondre

[roduce]

C'est pourtant simple.

Si tu utilises un fichier css.

tu peux affecter un style à une balise textarea ce qui fait l'intégralité de cette zone de saisie sera affecté par cette mise en page, par exemple en intégralité souligne et en gras.

OR,

avec tinymce ou tout autre plugin de ce type, tu peux ne mette en page que la partie que l'utilisateur choisi de mettre en gras. et un peu plus loin uniquement une partie en italique etc.

Et je me demande quel est l'algo qui permet de formater avec un style précis seulement une portion de la zone de saisie.

[Mitaka]

c'est ça que tu veux ?
http://www.zone-webmasters.net/codes...es-bbcode.html
http://php.developpez.com/sources/?p...exp#bbcodebase
http://www.developpez.net/forums/d53...bcode-couleur/

[roduce]

On s'est mal compris:

tu me parles de bbcode là.

Formulé d'une autre manière.
Sur ce forum quand tu répond tu selectionnes un morceau de texte et tu cliques sur gras tu obtiens dans ton text area:"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[ B]qsdqs[/B ]

"

Moi je veux que la portion de texte selectetionné apparaisse en gras et uniquement celle ci. Bref que le formatage soit fait en temps réel.

Tu vois ce que je veux dire?

[Mitaka]

A y est j'ai enfin compris !
mais je vois pas la solution, ça a l'air bien compliqué quand même
pourquoi tu n'utilises pas le plugin directement ?
désolée pour la pollution de messages

[obito]

Bonjour, pour ca tu as les éditeur WYSIWYG, qui offrent cette possibilité (qui existe aussi sur ce forum, dans les paramètre de l'utilisateur)

Bref ici:

http://www.developpez.net/forums/f61...ipts/editeurs/

Ces librairies sont simples à installer par ailleurs et facilement utilisable

[roduce]

J'ai fini par trouvé ce que je voulais.

Il s'agit en fait d'intégré une iframe
dont on rend le contenu éditable

avec la fonction javascript (à priori)
document.designmode


remplacer dans vote barre d'adresse l'url du site ou vosu etes par :

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

et le site sera éditable (mais non sauvegardable bien sur)
pour le save c'est autre chose

et pour répondre à ta question du pourquoi j'utilise pas le plugin: simplement parce que j'aime bien comprendre les choses que j'utilise et une fois ce passage débloqué le reste m'a l'air quand même assez simple.