barra de título está faltando no YUI

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

  •  06-07-2019
  •  | 
  •  

Pergunta

Estou usando o editor de texto YUI rico no meu site. Eu estou carregá-lo usando o javascript carga do Google. Quando tento criar um link (ou qualquer outra ação que cria uma caixa de "Configurações", na barra de título está faltando, veja imagem aqui . Você pode ver como ele deveria olhar por cima aqui no local Yahoos para YUI.

Eu estou usando este código no <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>

E na minha página web: 

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

Solução

Eu tenho alguma ajuda de David Glass, um dos desenvolvedores do YUI RTE. O erro que eu tinha make era na verdade uma coisa CSS, alguns onde em minhas CSS-arquivos era uma linha que dizia "h3 {visibility: hidden;}", que fez este erro. Qualquer forma, obrigado pela sua ajuda!

Outras dicas

Tente forçar o seu próprio título para o 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();

Eu posso estar errado aqui, mas, devido à SOP (política de mesma origem) I don 't acho JavaScript hospedado no Google será capaz de modificar o DOM (a menos que você está google).

Tente colocar o JavaScript no seu servidor web e ligando de lá: 

<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top