Textarea et TinyMCE WYSIWYG

Fermé

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008 - 16 avril 2008 à 15:43
David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008 - 19 avril 2008 à 19:28

Bonjour,

Voila un script qui permet d'envoyer le value d'un champ vers un textarea, mais quand je rajoute un code javascript tinyMCE WYSIWYG pour rendre mon Textarea plus jolie alors le code ne fonctionne plus.

<html>

<script>
function FoncRemplace( text, stringToFind, SRemplac, champOut )
{
var text = text.toString() ;
var maReg = new RegExp( stringToFind, "gi") ;
var resultat = text.replace( maReg, SRemplac ) ;
if ( text.search( maReg ) == -1 )
alert ( "Erreur" ) ;
else
champOut.value = resultat ;
}
function Mise_a_jours()
{
var Motif;
FoncRemplace( document.forms[0].area2.value, '#VarText1#', document.forms[0].boxNom.value, document.forms[0].area1 )
}

</script>
<FORM method="POST">
<input type="text" id="box1" name="boxNom" value="" onchange="Mise_a_jours();return false;">
<br>
<textarea name="area1" id="box2" rows="14" cols="57"></textarea>
<br>
<textarea name="area2" id="box3"  rows="14" cols="57">Bonjour, #VarText1# Comment tu vas.
</textarea>
</form>
</html>

<!-- tinyMCE -->
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple"
});
</script>
<!-- TinyMCE -->

Pouvez vous m'aidez a resoudre ce probleme SVP.

Merci d'avance

A voir également:

Textarea et TinyMCE WYSIWYG
Wysiwyg - Télécharger - HTML
Mysql textarea ✓ - Forum PHP
Textarea js ✓ - Forum Javascript
Nl2br textarea ✓ - Forum PHP
&Lt;textarea> et hidden ✓ - Forum Programmation

7 réponses

Réponse 1 / 7

Dacobah Messages postés 260 Date d'inscription samedi 26 novembre 2005 Statut Membre Dernière intervention 28 septembre 2011 74
16 avril 2008 à 17:31

Salut,
et oui, pour modifier la couleur d'une textarea, en regardant la doc officielle (un wiki) de MoxieCode, j'ai découvert qu'il fallait modifier le css du tiny. En gros si tu souhaite modifier le fond du tiny en jaune, il ne te reste plus qu'à aller dans le répertoire du tiny (tinymce/jscripts/tiny_mce/themes/simple/css/ ...) puis de modifier la propriété background-color de l'élément souhaité en yellow. J'ai réussi en fouillant, mais je ne suis plus sûr de quel fichier css il s'agit.

Bonne chance !

Réponse 2 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
16 avril 2008 à 17:44

Bonjour,

Excuse moi mais je ne vois pas le rapport avec mon probleme.

Il faut essayer le bout de code plus haut sans

<!-- tinyMCE -->
<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple"
});
</script>
<!-- TinyMCE -->

puis avec pour comprendre mieux ce que je demande.

Merci

Réponse 3 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
17 avril 2008 à 09:36

Bonjour,

Voila j'ai trouver la solution pour un select, mais je n'arive pas a l'adapter pour un champ.

Pouvez-vous m'aider SVP

<html>
<head>

<script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple"
});
</script>


<FORM method="POST">

<select name="SelOpN" id="SelOpI" onChange="Op_vers_Textarea('', this.options[this.selectedIndex].value)">
<option><CENTER><strong> Cliquez ici et choisissez</strong></CENTER> </option>

<option name="OpN" title="Option titi" value="salut titi"
style="color:#000000; background-color:#66CCFF;">Option titi</option>

<option name="OpN" title="Option tata" value="salut tata"
style="color:#000000; background-color:#66CCFF;">Option tata</option>

<option name="OpN" title="Option toutou" value="salut toutou"
style="color:#000000; background-color:#66CCFF;">Option toutou</option>

<option name="OpN" title="Option toty" value="salut toty"
style="color:#000000; background-color:#66CCFF;">Option toty</option>

<option name="OpN" title="Option tati" value="salut tati"
style="color:#000000; background-color:#66CCFF;">Option tati</option>
</select>


<script language="Javascript">
function Op_vers_Textarea(did,choice)
{
text = choice.replace(/\n/g, "<br />");
tinyMCE.setContent(text);
}
</script>

<script language="Javascript">
function Champ_vers_Textarea(did,choice)
{
text = choice.replace(/\n/g, "<br />");
tinyMCE.setContent(text);
}
</script>

<input type="text" id="box1" name="boxNom" onchange="Champ_vers_Textarea();">

<textarea id="elm1" name="elm1" ROWS="10" COLS="70" >
Choisissez
</textarea>
</form>
</html>

Réponse 4 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
17 avril 2008 à 14:22

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
17 avril 2008 à 15:12

Bonjour,

Il y a beaucoup de personne qui cherche la solution sur d'autres forums. je pense aussi que plusieurs en essayer mais sans résultat.

Alors si vous avez une suggestions pour un autre WYSIWYG qui correspondent a ma demande je suis a l'écoute.

Merci d'avance

Réponse 6 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
18 avril 2008 à 23:37

Dacobah Messages postés 260 Date d'inscription samedi 26 novembre 2005 Statut Membre Dernière intervention 28 septembre 2011 74
19 avril 2008 à 14:36

D'autres éditeurs Wysiwyg que je te conseille :

widgEditor (http://www.themaninblue.com)
htmlArea (http://www.htmlarea.com)
FCKeditor (http://www.fckeditor.net)
Dotclear toolbar (http://www.dotclear.net)

Puisse ces éditeurs te contenter ^^

Réponse 7 / 7

David1973 Messages postés 13 Date d'inscription samedi 5 avril 2008 Statut Membre Dernière intervention 19 avril 2008
19 avril 2008 à 19:28

Bonjour,

Malheureusement j'ai déjà teste tous et plus encore.

Merci

Discussions similaires

editeur html wysiwyg pour MAC

textarea avec php

tinyMCE et les liens

[HTML-TEXTAREA]Retour à la ligne.

alignement label et textarea

Discussions similaires

Newsletters