la barre de titre est manquante dans YUI

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

  •  06-07-2019
  •  | 
  •  

Question

J'utilise l'éditeur YUI Rich Text sur mon site. Je le charge en utilisant le code de chargement javascript de Google. Lorsque j'essaie de créer un lien (ou toute autre action créant une boîte & "Paramètres &"; La barre de titre est manquante, voir image ici . Vous pouvez voir comment il est censé examiner ici sur le site Yahoos pour YUI.

J'utilise ce code dans la <head> - balise: 

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

Et sur ma page Web: 

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

La solution

J'ai reçu de l'aide de David Glass, l'un des développeurs de YUI RTE. L’erreur que j’ai commise est en réalité une affaire de CSS. Dans certains de mes fichiers CSS, c’est une ligne qui lit & "H3 {visibilité: cachée;} &"; qui a fait cette erreur. Quoi qu'il en soit, merci pour votre aide!

Autres conseils

Essayez d'imposer votre propre titre à l'éditeur: 

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

Je me trompe peut-être ici, mais à cause de la SOP (même règle d'origine). Je ne pense pas que JavaScript hébergé dans Google pourra modifier le DOM (sauf si vous êtes Google).

Essayez de placer JavaScript dans votre serveur Web et de vous y connecter: 

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top