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 :

[Editeur] TinyMCE et CSS dynamique


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre habitué
    Inscrit en
    Mai 2008
    Messages
    317
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 317
    Points : 135
    Points
    135
    Par défaut [Editeur] TinyMCE et CSS dynamique
    Bonjour à tous.

    J'ai un petit soucis: j'ai mis en place TinyMCE pour mon backend, et quelques outils du CMS que je suis en train de developper, mais voila: Comme il s'agit d'un CMS, il y a la possibilité de choisir sont thème, et donc le fichier css change en fonction du design choisi.

    Voici un bout de mon head:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <script type="text/javascript">var theme="<?php echo $config_theme;?>";</script>
    <script type="text/javascript" src="modules/tinymce/jscripts/tiny_mce/tinyInit.js"></script>
    Donc je défini la variable javascript "theme" qui dois correspondre au chemin du css en cours.
    Et voici le JS de l'initiation:
    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
    tinyMCE.init({
    // General options
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    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",
    // Theme options
    theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview",
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl",
    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,|,forecolor,backcolor,|,fullscreen",
    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 : theme,
    // 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"
    }
    });
    Et voila, ça marche pas: "theme" renvoie "theme" et pas sa valeur
    J'ai egalement essayer avec un document.write("theme") mais y'a rien a faire.
    Un petit coup de main ?
    Merci.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="text/javascript">var theme="<?php echo $config_theme;?>";</script>
    Peut-être que $config_theme='theme' ???

  3. #3
    Membre habitué
    Inscrit en
    Mai 2008
    Messages
    317
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 317
    Points : 135
    Points
    135
    Par défaut
    non non, j'y connais rien en JS, mais jsuis pas un boulet non plus , j'ai vérifié la valeur de ma variable ^^
    $config_theme = "/theme/default/style.css", d'où mon problème ^^

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Et que donne le code source généré ?

  5. #5
    Membre habitué
    Inscrit en
    Mai 2008
    Messages
    317
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 317
    Points : 135
    Points
    135
    Par défaut
    C'est comme si rien n'était généré:

    si le code estla source générée serade même si le code est
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    content_css : document.write("theme"),
    la source générée sera
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    content_css : document.write("theme"),
    j'ai également essayé de définir la variable dans le fichier js, je me suis dis que peut être la variable ne passait pas d'une page à l'autre, mais ça ne change rien du tout :/

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Non, je parlais du code généré par ça :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="text/javascript">var theme="<?php echo $config_theme;?>";</script>

  7. #7
    Membre habitué
    Inscrit en
    Mai 2008
    Messages
    317
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 317
    Points : 135
    Points
    135
    Par défaut
    Ops
    Apparemment pas de soucis à ce niveau là:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <!-- TinyMCE -->
    <script type="text/javascript">var theme="themes/default/style.css";</script>
    <script type="text/javascript" src="modules/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript" src="modules/tinymce/jscripts/tiny_mce/tinyInit.js"></script>
    <!-- /TinyMCE -->

Discussions similaires

  1. [CSS/Javascript] Changement des propriété CSS dynamiquement
    Par heladar dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 06/02/2009, 12h33
  2. CSS dynamique en ASP
    Par Marconico dans le forum ASP
    Réponses: 9
    Dernier message: 24/04/2007, 11h50
  3. CSS dynamique
    Par tetram51 dans le forum Struts 1
    Réponses: 1
    Dernier message: 12/07/2006, 18h27
  4. Modifier un style css dynamiquement
    Par arnolem dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/05/2006, 10h17

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