Yahoo.widget.Editor - Как настроить размер шрифта текста

Question

Я использую YUI Rich Text Editor (YAHOO.widget.Editor), и у меня все работает нормально, за исключением одной вещи. Я не могу понять, как настроить размер шрифта текста, который я печатаю в окне редактора (input type = "textarea"). Я хочу, чтобы этот текст был на 150%. Я знаю, что мне нужно правило CSS вида:

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

но я не могу понять, кто такой "some-YUI-related-selector".

Буду признателен за любую помощь.

Спасибо, Джей

Дополнительная информация:

Я хочу, чтобы мой веб отображал большие шрифты, поэтому я использовал стиль CSS для рассматриваемого элемента div следующим образом:

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

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

Фрагмент HTML-страницы, о котором идет речь:

<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>

Я связываю редактор YUI в фрагменте Javascript внизу веб-страницы следующим образом:

<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>

Все в div (class = "newsform") отображает шрифты на 120% больше, за исключением редактора YUI, который продолжает отображаться очень маленьким. Если я использовал веб-страницу без редактора YUI, текстовая область (input # newsgoals) отображается правильно на 150%.

Мне удалось настроить цвета и размеры шрифта на панели инструментов редактора YUI, но не в поле текстовой области.

Я даже пытался настроить атрибут «css:» на панели инструментов, а затем добавить свое правило CSS в _defaultCSS (согласно документам редактора YUI), но это не сработало.

Answer 1

Jay,

Дэв Гласс, автор этого компонента, оказывает большую помощь своим пользователям на форумах библиотеки YUI: http://yuilibrary.com/forum/

Если вы не получили ответа, обязательно попробуйте опубликовать там.

-Эрик

Answer 2

Woohoo! Спасибо Эрик Миралья. Указатель на форум Dav Glass ' дал мне то, что мне нужно было.

По какой-то причине я нашел параметр конфигурации css:, который был верным, но я сделал что-то еще неправильно, и это вызвало его сбой. Правильный ответ - поставить следующую строку, где у меня есть css: когда я вызываю «новый Yahoo.widget.Editor ()»:

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

Этого было достаточно, чтобы изменить размер шрифта и фона редактора на то, что я хочу.