Textarea et TinyMCE WYSIWYG
David1973
Messages postés
13
Statut
Membre
-
David1973 Messages postés 13 Statut Membre -
David1973 Messages postés 13 Statut Membre -
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.
<!-- tinyMCE -->
Pouvez vous m'aidez a resoudre ce probleme SVP.
Merci d'avance
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 -->
<!-- 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
- [HTML/Javascript] Obtenir et afficher le text d'une textarea ✓ - Forum Programmation
- Php saut de ligne dans les textarea - Forum PHP
- Meilleur WYSIWYG pour la création de site web ✓ - Classement logiciel
- Js textarea innerHTML / value (retour ligne) ✓ - Forum Javascript
7 réponses
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 !
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 !
Bonjour,
Excuse moi mais je ne vois pas le rapport avec mon probleme.
Il faut essayer le bout de code plus haut sans
puis avec pour comprendre mieux ce que je demande.
Merci
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
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
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>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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
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 ^^
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 ^^