la barra del titolo non è presente in YUI

StackOverflow https://stackoverflow.com/questions/1022335

  •  06-07-2019
  •  | 
  •  

Domanda

Sto usando l'editor Rich Text YUI sul mio sito. Lo sto caricando usando il caricamento javascript da Google. Quando provo a creare un collegamento (o qualsiasi altra azione che crei una casella & Quot; settings & Quot; manca la barra del titolo, vedere immagine qui . Puoi vedere come dovrebbe apparire qui sul sito di Yahoos per YUI.

Sto usando questo codice nel tag <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>

E nella mia pagina web: 

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

Soluzione

Ho ricevuto aiuto da David Glass, uno degli sviluppatori di YUI RTE. L'errore che ho fatto era in realtà una cosa CSS, alcuni dei quali nei miei file CSS era una riga che diceva & Quot; h3 {visibilità: nascosto;} & Quot; che ha fatto questo errore. Comunque, grazie per il tuo aiuto!

Altri suggerimenti

Prova a forzare il tuo titolo per l'editor: 

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

Potrei sbagliarmi qui ma, a causa di SOP (stessa politica di origine) pensi che JavaScript ospitato su Google sarà in grado di modificare il DOM (a meno che tu non sia google).

Prova a inserire JavaScript nel tuo server web e a collegarti da lì: 

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top