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 :

Avoir deux éditeurs textarea dans la même page


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    204
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 204
    Points : 79
    Points
    79
    Par défaut Avoir deux éditeurs textarea dans la même page
    Bonjour,
    J'ai un formulaire ou je souhaite avoir deux zones de saisie multiligne:
    Mais j'utilise tinymce dans ma page, ce qui fait que les deux textareas s'ouvrent de la même façon avec les boutons de traitement de texte alors que j'aimerai bien que c'est un seul qui le fasse et l'autre reste simple sans boutons.
    En somme, j'aimerai avoir dans la même page, un textarea sans bouton de mise en forme(celui habituel) et l'autre avec les boutons de mise en forme.

    Code html : 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
    <html>
    <head>
    <script language="JavaScript">
    tinymce.init({ 
    selector:'textarea',
      height: 250,
      theme: 'modern',
      plugins: [
        'advlist autolink lists link charmap preview hr anchor pagebreak',
        'searchreplace wordcount visualblocks visualchars code fullscreen',
        'insertdatetime nonbreaking save table contextmenu directionality',
        'emoticons template paste textcolor colorpicker textpattern imagetools codesample toc'
      ],
      toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
      toolbar2: 'print preview media | forecolor backcolor emoticons | codesample',
      image_advtab: true,
      templates: [
        { title: 'Test template 1', content: 'Test 1' },
        { title: 'Test template 2', content: 'Test 2' }
      ],
      content_css: [
        '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
        '//www.tinymce.com/css/codepen.min.css'
      ]
    });</script>
    </head>
    <form name="monformulaire" method="post" action="leform.php">
    <textarea name="text1" rows="6" cols="41"></textarea>
    <textarea name="text2" rows="6" cols="41"></textarea>
    </form>
    </html>

    J'espère que je me suis fait comprendre et je vous remercie d'avance de votre réponse.

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 239
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 239
    Points : 15 541
    Points
    15 541
    Par défaut
    l'argument "selector" permet de sélectionner une zone de texte avec la même syntaxe qu'un sélecteur CSS
    https://www.tinymce.com/docs/api/tinymce/root_tinymce/

Discussions similaires

  1. Réponses: 2
    Dernier message: 16/11/2013, 19h36
  2. Réponses: 0
    Dernier message: 15/12/2011, 20h09
  3. Deux scripts prompt dans la même page
    Par rvm31 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/09/2011, 15h07
  4. Deux formulaires différents dans une même page
    Par zabdaniel dans le forum Langage
    Réponses: 3
    Dernier message: 14/01/2008, 20h31
  5. [AJAX] deux requetes ajax dans une même page
    Par mitmit dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/05/2007, 12h52

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