IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

Integrer un textarea en javascript [TinyMCE]


Sujet :

Bibliothèques & Frameworks

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Points : 2
    Points
    2
    Par défaut Integrer un textarea en javascript
    Salut a tous,

    voila je suis en train de réaliser un système de fenetre dynamique pour mon site web.

    J'ai donc créé une fenêtre dans laquelle j'ai inséré un formulaire. Dans ce formulaire j'utilise une "textarea" et j'aimerais que celle-ci soit formatée avec TinyMce. Le problème est donc la, je n'arrive pas a le faire et je ne sais même pas si c'est faisable. (Pour info j'arrive a utiliser ce TinyMCE dans une page html normale. Dans cette page basique je n'ai qu'a inserer le code ci-dessous pour que TinyMCE apparaisse a la place de mon textarea).

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    <script type="text/javascript" src="../tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
    	tinyMCE.init({
    		// General options
    		mode : "textareas",
    		theme : "advanced",
    		plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount",
     
    		// Theme options
    		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
    		theme_advanced_buttons2 : "search,replace,|,bullist,numlist,|,undo,redo,|,link,unlink,image,help,|,preview,|,forecolor,backcolor,|,charmap,emotions,media,advhr,hr",
    		theme_advanced_buttons3 :"",
    		theme_advanced_toolbar_location : "top",
    		theme_advanced_toolbar_align : "left",
    		theme_advanced_statusbar_location : "bottom",
    		theme_advanced_resizing : true,
     
    		// Example content CSS (should be your site CSS)
    		content_css : "css/content.css",
     
    		// Drop lists for link/image/media/template dialogs
    		template_external_list_url : "lists/template_list.js",
    		external_link_list_url : "lists/link_list.js",
    		external_image_list_url : "lists/image_list.js",
    		media_external_list_url : "lists/media_list.js",
     
    		// Replace values for the template plugin
    		template_replace_values : {
    			username : "Some User",
    			staffid : "991234"
    		}
    	});
    </script>
    J'ai essayé de créer les éléments scripts avec document.createElement, j'ai essayé avec innerHTML (d'après mes recherches c'est mal :O)

    Donc me voila a la recherche d'une aide si possible.

    Merci d'avance a tout ceux qui seront capable de m'éclairer un peu sur le sujet.

    PS: je suppose que ca se voit mais je ne suis pas très expérimenté en web dev

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    popup donc ?

    il y a un thread de Auteur dans les contributions sur les communications entre mère et fille...

    mais perso je passerais par des émulations de fenetres avec un trucs du style window prototype.

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Points : 2
    Points
    2
    Par défaut
    Merci de ta réponse!

    J'ai trouvé la solution ce matin et elle est assez simple (et sur ce forum en plus, juste que je ne l'avais pas vu :p)

    donc je vais la remettre on sais jamais ca pourrais servir quelqu'un. Pour résoudre le problème il suffit d'entrer la ligne ci-dessous après la création de votre textarea :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    tinyMCE.execCommand("mceAddEditor", false, 'le_nom_de_votre_textarea');
    Voila, sur ce bonne journée

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [TinyMCE] Comment récupérer la valeur d'un textarea avec javascript ?
    Par rasdri dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 29/11/2007, 19h53
  2. integration php dans du javascript
    Par lunick dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 03/10/2007, 14h35
  3. [DOM] Textarea et javascript
    Par thierryG dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/03/2007, 18h22
  4. controle de TEXTAREA par javascript
    Par FoxLeRenard dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/03/2006, 09h27
  5. Limiter le nbr de caractères d'un textarea en JavaScript
    Par yoyot dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/02/2005, 12h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo