•  06-07-2019
  •  | 
  •  

Frage

Ich bin mit dem YUI-Rich-Text-Editor auf meiner Seite. Ich lade sie die Last Javascript von Google verwenden. Wenn ich versuche, einen Link (oder eine andere Aktion zu erstellen, die ein „Einstellungen“ Feld erzeugt, fehlt in der Titelleiste finden Sie unter Bild hier . Sie können sehen, wie es aussehen soll über hier bei Yahoos Website für YUI.

Ich verwende diesen Code in dem <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>

Und in meiner Webseite: 

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

Lösung

Ich habe etwas Hilfe von David Glass, einer der Entwickler von YUI RTE. Der Fehler, den ich machen hatte, war eigentlich eine CSS Sache, einige, wo in meinen CSS-Dateien war es eine Linie, die lesen „h3 {visibility: hidden;}“, die diesen Fehler gemacht. Jeder, wie, vielen Dank für Ihre Hilfe!

Andere Tipps

Versuchen Sie, Ihre eigenen Titel für den Editor zu zwingen: 

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();

Ich könnte falsch sein hier, aber wegen SOP (Same Origin Policy) I don ‚t denken Sie JavaScript in Google gehostet wird in der Lage, den DOM zu ändern (es sei denn, Sie sind google).

Versuchen Sie JavaScript in Ihrem Web-Server platzieren und die Verknüpfung von dort: 

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top