0

我在我的网站上使用 YUI 富文本编辑器。我正在使用来自 Google 的加载 javascript 加载它。当我尝试创建链接（或创建“设置”框的任何其他操作时，标题栏丢失，请参见此处的图片。您可以在Yahoos 网站上查看它应该如何查看YUI。

我在<head>-tag 中使用此代码：

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

3 回答 3

1

我从 YUI RTE 的开发者之一 David Glass 那里得到了一些帮助。我犯的错误实际上是一个 CSS 问题，在我的 CSS 文件中，有一行写着“h3 {visibility: hidden;}”，导致了这个错误。无论如何，感谢您的帮助！

于 2009-06-28T18:35:17.537 回答
0

尝试为编辑器强制使用您自己的标题：

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();
于 2009-06-22T00:48:55.360 回答
-1

我在这里可能错了，但是由于SOP（同源策略），我认为托管在 Google 中的 JavaScript 无法修改 DOM（除非您是 google）。

尝试将 JavaScript 放入您的 Web 服务器并从那里链接：

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
于 2009-06-20T20:23:37.790 回答