строка заголовка отсутствует в YUI - PullRequest
Новая
       32

строка заголовка отсутствует в YUI

0 голосов
/ 20 июня 2009

Я использую YUI Rich Text Editor на моем сайте. Я загружаю его, используя загрузочный JavaScript из Google. Когда я пытаюсь создать ссылку (или любое другое действие, которое создает поле «настройки», строка заголовка отсутствует, см. рисунок здесь . Вы можете увидеть, как он должен выглядеть здесь на сайте Yahoos для YUI.

Я использую этот код в теге <head>: 

<!--Include YUI Loader: --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script> 
<!--Use YUI Loader to bring in your other dependencies: --> 
<script type="text/javascript"> 
// Instantiate and configure YUI Loader: 
(function() { 
    var loader = new YAHOO.util.YUILoader({ 
        base: "http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/", 
        require: ["editor"], 
        loadOptional: true, 
        combine: false, 
        filter: "MIN", 
        allowRollup: true, 
        onSuccess: function() { 
            var Editor = new YAHOO.widget.Editor('content', {
                height: '300px',
                width: '802px',
            dompath: true, //Turns on the bar at the bottom
            animate: true //Animates the opening, closing and moving of Editor windows   
            });
            Editor.render(); 
    }     
});    

// Load the files using the insert() method. 
loader.insert(); 
})(); 
</script>

И на моей веб-странице: 

<div class="sIFR-ignore yui-skin-sam">
    <textarea name="content" id="content" cols="50" rows="10">
    </textarea>
</div>

Ответы [ 3 ]

1 голос
/ 28 июня 2009

Мне помог Дэвид Гласс, один из разработчиков YUI RTE. Ошибка, которую я допустил, была на самом деле CSS, где-то, где в моих CSS-файлах была строка «h3 {visibility: hidden;}», которая и сделала эту ошибку. В любом случае, спасибо за вашу помощь!

0 голосов
/ 22 июня 2009

Попробуйте ввести свой собственный заголовок для редактора: 

var Editor = new YAHOO.widget.Editor('content', {
                height: '300px',
                width: '802px',
            dompath: true, //Turns on the bar at the bottom
            animate: true //Animates the opening, closing and moving of Editor windows   
            });
            Editor._defaultToolbar.titlebar="<b>Use my title</b>";
            Editor.render();
0 голосов
/ 21 июня 2009

Я могу ошибаться, но из-за SOP (та же политика происхождения) я не думаю, что JavaScript, размещенный в Google, сможет изменить DOM (если вы не Google).

Попробуйте разместить JavaScript на своем веб-сервере и создать ссылку оттуда: 

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
...