Problèmes divers

Bonjour a tous ! je suis actuellement en train de développer un système de nouvelles que l'utilisateur post, par l'intermédiaire d'un TEXTAREA . Ce TEXTAREA est ensuite stocker dans une base de donné sous la forme d'un champ text (base de donné MYSQL) . Puis, par l'intermédiaire d'une requête et d'un include, les nouvelles s'affichent sur la page principal du site. Tout ça c'est moi qui l'est fait et ça marche plutot bien.

Mais le problème était que l'utilisateur ne pouvait pas mettre en forme le text tapé dans le TEXTAREA donc j'ai téléchargé ce petit script qu'est TinyMCE qui m'a l'air vachement interessant. Donc je les appliquer a mes pages web ou se trouvaient les TEXTAREA et donc voici le premier problème :

Voir piece jointe ^^


Pas très classe hein? je vois pas pourquoi ça me fait ça :(
Donc ça c'était le premier problème :)

Second problème , lorsque la news est enregistré dans la base de donnée et qu'elle s'affiche sur ma page principal, aucune balise n'est pris en compte et les balises sont affichés comme du text :( :


voici ce que ça donne sur ma page d'accueil :

<p>voici</p><p>le text</p><p><strong>que je veux afficher</strong></p><ul><li><strong>bonjour</strong></li><li><strong>aurevoir</strong></li></ul>
tout ça au lieu de m'afficher correctement le text en gras , italic, les balises restent affiché! )

Donc voici le code pour afficher la news :

Code:

---

1 2 3 4 5 6 7

<font color='#FFFFFF' face='Arial, Helvetica, sans-serif'>"; $news=$donnees_news['contenu']; echo $news; echo" <br> <br> </font>

---

et dans le code source que je regarde avec mon navigateur ça m'affiche ça :

Code:

---

<font color='#FFFFFF' face='Arial, Helvetica, sans-serif'>&lt;p&gt;voici&lt;/p&gt;&lt;p&gt;le text&lt;/p&gt;&lt;p&gt;&lt;strong&gt;que je veux afficher&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;strong&gt;bonjour&lt;/strong&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;aurevoir&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;

---

vraiment pas terrible hein :(

et dernière chose dans mon TEXTAREA je peux taper une ligne indéfiniement alors que le TEXTAREA est bien spécifié en taille (avant l'installation du script ça marché parfaitement ) en faite une scrollbar horizontal apparait donc je peux taper une ligne avec des milliers de caractères :( :

Code:

---

<textarea name='contenu' cols='70' rows='15'></textarea>

---

donc quand je rentre dans la base de donné le contenu ça m'affiche une enorme ligne sur la page d'accueil qui deborde et décalle tout mes tableaux :(

Voila je sais que y'a beaucoup de choses mais je ne suis pas spécialiste et j'ai chercher des solutions sans succès :(

Merci de votre aide!

Pour ton premier problème, dans ton tinyMCE.init, as tu les lignes

Code:

---

1 2	theme_advanced_toolbar_location : \"bottom\", theme_advanced_toolbar_align : \"center\",

---

?

Pour le deuxième problème, c'est un problème d'encodage. Quel est l'encodage de ta page? Peut être un utf8-encode() ou un utf8_decode() sur les texte à affiché fera l'affaire, mais je ne suis pas un spécialiste de l'encodage, j'ai beaucoup galéré avec ça sur les sites que j'ai developpé!

Oula ton truc d'encodage qu'est ce que c'est que ça je connais pas du tout , c'est dans la base de donnée que je dois gérer ça ou sur la page?? si quelqu'un a plus d'informations sur ce sujet je veux bien qu'on m'éclaircice ^^ la je suis pu a mon stage donc je peux pas tester pour le tiny mais j'essaie demain et je te dis quoi !!

Un petit up svp , j'ai mis en pièce jointe a quoi ressembler mon TEXTAREA avec tinymce ! Quand ce probleme sera réglé, on passera a la base de donnée :)

Et Samyhijodelaluna, j'ai essayé ton astuce aucun résultat, il decalle sur la gauche mais reste toujours vertical :(

VOila ce que j'ai pour tinyMCE.init :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

tinyMCE.init({ mode : \"textareas\", theme : \"advanced\", language : \"fr\", plugins : \"advimage,advlink,media,imanager,filemanager,searchreplace,contextmenu,paste,fullscreen,visualchars\", theme_advanced_buttons1_add : \"fontselect,fontsizeselect\", theme_advanced_buttons2_add : \"separator,forecolor\", theme_advanced_buttons2_add_before: \"cut,copy,paste,pastetext,pasteword,separator,search,replace,separator\", theme_advanced_buttons3_add : \"media,separator,fullscreen,imanager,filemanager\", theme_advanced_toolbar_location : \"bottom\", theme_advanced_toolbar_align : \"left\", theme_advanced_path_location : \"bottom\", theme_advanced_disable : \"styleselect,help\", content_css : \"example_full.css\", extended_valid_elements : \"font[face|size|color|style],span[class|align|style]\", file_browser_callback : \"fileBrowserCallBack\", theme_advanced_resize_horizontal : false, nonbreaking_force_tab : true, theme_advanced_resizing : true });

---

Pour ton problème d'encodage, tes caractères sont convertit, par exemple < devient &lt ; .

TU peux essayer une fonction du type

Code:

---

1 2 3 4 5 6 7 8

function cleancode($str) { $str = str_replace('&amp', '&;', $str); $str = str_replace('&lt;', '<', $str); $str = str_replace('&gt;', '>', $str); [...] return $str; }

---

De cette manière tous les caractères qui sont encodé vont redevenir "normaux", mais c'est une solution un peu "à l'arrache"!!

Essaye peut-être du côté de la fonction html_entity_decode().

j'ai essayer ton tinyMCE.init résultat :
Toujours pareil tout est vertical je comprend vraiment pas la :(

pour l'encodage je vais essayer je te dirais quoi !

Donne ton code pour le .init, et aussi le code ou tu appelles ton textarea.

Voila mon HEAD (avec la version toute simple du .init , qui fait exactement la meme chose que le tient:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<html> <head> <!-- pngfix permet la prise en compte dde la transparence des png par IE 6.0 --> <SCRIPT LANGUAGE=Javascript SRC="pngfix.js"> </SCRIPT> <!-- TinyMCE est un editeur HTML de TEXTAREA WYSISW --> <script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script> <script language="javascript" type="text/javascript">   tinyMCE.init({ mode : "textareas", theme : "simple",     });     </script> <title>Dimex France</title> <link rel=stylesheet href=style.css type=text/css> </head>

---

et l'apelle de mon textarea (je te met tout le code a partir de la création du formulaire) :

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

echo"   <form action='cre_nouvelle.php' method='post' id='edit' name='edit'> <table bgcolor='#FFFF00' border='1' width='200' style='border-width: 1px; border-style:solid; border-color:black ;'> <tr> <td><b>Création de nouvelles</b></td> </tr> </table><br>";     if (isset($_POST['titre'], $_POST['contenu']) AND empty($_POST['titre'])){echo "<font color='red'>Veuiller donner un titre à votre nouvelle</font><br>";} if (isset($_POST['titre'], $_POST['contenu']) AND empty($_POST['contenu'])){echo "<font color='red'>Veuiller donner un contenu à votre nouvelle</font><br>";} echo"   <br> <u>Attention </u>:<font color='white'> un espace est considéré comme un caractère, une news peut être validé si elle ne contient que des espaces.</font> <br><br> <center> <label>Titre : <input type='text' name='titre' size='40'/></label><br /> </center> <br /> <br />   <center> <textarea name='contenu' rows='15' cols='70'></textarea> </center> <br />   <br> <center> <input type='submit' value='Confirmer' /> </center> </form>";

---

Pour le nombre de caractères en effet j'ai la même chose, ca vient de l'éditeur! Tu as le choix, soit bidouiller le code source de tiny, soit essayer de créer un javascript qui compte le nombre de caractère d'un textarea et qui bloque après 250. Je ne sais pas comment faire mais un rechercher sur google t'aidera!

Pour ton problème d'icones, j'ai essayé de mettre une version de base de tinyMCE et ca m'affiche les icones sur plusieurs lignes. Donc soit ton problème vient de tiny en lui même, soit de ton tinyMCE.init! Je vais essayer ton init avec ma version pour voir!

Ta fonction d'encodage marche !!! ah je suis heureux^^ maintenant faut régler le probleme de TinyMCE qui se met verticalement et j'aurais un système de news opérationelle ^^

As tu déjà opéré des modifications sur tinyMCE (supprimer des repertoires inutils pour le mode full, ...)?

Non je n'ai strictement rien toucher, j'ai laisser tout tel quel, modifier ni supprimer aucun repertoire/fichier

Alors c'est étrange que mon tinyMCE.init ne change rien! En effet, mon code définit 3 lignes, avec sur chaque ligne des élements.

effectivement j'ai pas de chance... je me demande vraiment pourquoi ça me met en colonne comme ça, hmmmm je vais regarder si ça serait pas mon css on sait jamais !

tu vas rigoler , c'est mon CSS qui fout le basard ^^ je l'ai supprimer et tout s'est mis en ligne :) par contre le site est tout moche je vais essayer de modifier quelques points du CSS , je te remercie pour ton aide tu m'as vraiment fait avancer ! maintenant j'ai réussit a créer un système de news complet ,très jolie merci merci ^^


edit : le probleme vient bien du CSS il y'a un conflit ! Effectivement tinyMCE utilise son propre css et moi je déclarais un css dans mon head ! 2 css c'est jamais bien ^^

Héhé, en effet le css! Heureux de t'avoir aidé, maintenant j'aimerai bien que les gens m'aident sur le sujet que j'ai créé, parce que là... JE GALERE mdr!!!

Bon courage et si tu as besoin, reposte!!!