barra de título está faltando no YUI
-
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>
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>