Yahoo.widget.Editor - Comment configurer la taille de la police du texte

Question

J'utilise l'éditeur de texte enrichi YUI (YAHOO.widget.Editor), et je l'ai bien fonctionné, sauf pour une chose. Je n'arrive pas à comprendre comment configurer la taille de la police du texte que je tape dans la boîte de l'éditeur (input type = "textarea"). Je veux que ce texte soit 150%. Je sais que je besoin d'une règle CSS du formulaire:

some-YUI-related-selector { 
    font-size: 150%; 
} 

mais je ne peux pas comprendre l'identité de « certains liés à-YUI-sélecteur ».

J'apprécierais toute aide que je peux obtenir.

Merci, Jay

Plus d'informations:

Je veux que mon Web pour afficher de grandes polices, donc j'ai utilisé un style CSS pour la div en question comme suit:

div.newsform { 
    font-size:120%; 
} 

div.newsform input { 
    font-size:120%; 
} 
input#newsgoals { 
    font-size:150%; 
} 

Le code HTML l'extrait de page en question est:

<div class="newsform"> 
    <p>Some text</p> 
    <form> 
    <input type="text" name="sname" style="width:353px"/> 
    <input type="textarea" id="newsgoals" name="newsgoals" ></input><br/> 
    <input type="submit" value="Add" /> 
    </form> 
</div> 

Je lie l'éditeur YUI dans un s Javascript nippet au bas de la page Web comme suit:

<script> 
var myNewSEditor = new YAHOO.widget.Editor('newsgoals', { 
    height: '300px', 
    width: '440px', 
    dompath: false, 
    animate: true, 
    css: YAHOO.widget.SimpleEditor.prototype._defaultCSS, // + 'html { font-size:130%; }', 
// { css: YAHOO.widget.SimpleEditor.prototype._defaultCSS + 'ADD MYY CSS HERE' } 
    toolbar: { 
     titlebar: 'Write Your Goals Here', 
     buttons: [ 
      { group: 'textstyle', // label: 'Font Style', 
       buttons: [ 
       { type: 'push', label: 'Bold', value: 'bold' }, 
       { type: 'push', label: 'Italic', value: 'italic' }, 
       { type: 'push', label: 'Underline', value: 'underline' }, 
       { type: 'separator' }, 
       { type: 'select', label: 'Arial', value: 'fontname', disabled: true, 
        menu: [ 
         { text: 'Arial', checked: true }, 
         { text: 'Arial Black' }, 
         { text: 'Comic Sans MS' }, 
         { text: 'Courier New' }, 
         { text: 'Lucida Console' }, 
         { text: 'Tahoma' }, 
         { text: 'Times New Roman' }, 
         { text: 'Trebuchet MS' }, 
         { text: 'Verdana' } 
        ] 
       }, 
       { type: 'spin', label: '22', value: 'fontsize', range: [ 9, 75 ], disabled: true }, 
       { type: 'separator' }, 
       { type: 'color', label: 'Font Color', value: 'forecolor', disabled: true }, 

       { type: 'push', label: 'HTML Link CTRL + SHIFT + L', value: 'createlink', disabled: true } 
       ] 
      } 
     ] 
    } 
}); 
myNewSEditor.render(); 


</script> 

Le tout à l'intérieur de la div (class = « newsform ») rend les polices à 120% grand, sauf l'éditeur YUI, qui continue à rendre très faible. Si j'ai utilisé la page Web sans l'éditeur YUI, la zone de texte (input # newsgoals) s'affiche correctement à 150%.

J'ai pu configurer les couleurs et les tailles de police dans la barre d'outils de l'éditeur YUI, mais pas dans la zone de texte.

J'ai même essayé de configurer le « NCS:. » Attribut dans la barre d'outils, puis en ajoutant ma règle CSS à _defaultCSS (selon les documents de l'éditeur YUI), mais cela n'a pas

Answer 1

Woohoo! Merci Eric Miraglia. Le pointeur vers Dav Glass' forum m'a amené là où j'avais besoin d'aller.

Pour une raison quelconque, j'avais trouvé le paramètre css: configuration qui était correct, mais j'avais fait autre chose de mal et cela l'avait fait échouer. La bonne réponse est de mettre la ligne suivante où je le css: quand je l'appelle « nouvelle Yahoo.widget.Editor() »:

css: YAHOO.widget.SimpleEditor.prototype._defaultCSS + 'body { font-size:130%; background-color:red;color:white;}' 

C'était suffisant pour obtenir la taille de police et arrière-plan éditeur a changé pour ce que je veux.

Answer 2

Jay,

Dav verre, l'auteur de ce composant, fournit une grande aide à ses utilisateurs sur les forums: Bibliothèque YUI http://yuilibrary.com/forum/

Si vous ne recevez pas de réponse ici, certainement essayer de poster là-bas

-Eric.