строка заголовка отсутствует в YUI
-
06-07-2019 - |
Вопрос
Я использую редактор YUI Rich Text на своем сайте. Я загружаю его, используя загрузочный JavaScript из Google. Когда я пытаюсь создать ссылку (или любое другое действие, которое создает поле & Quot; settings &; Строка заголовка отсутствует, см. рисунок здесь . Вы можете посмотреть, как он должен выглядеть здесь на сайте Yahoos для YUI.
Я использую этот код в теге <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>
И на моей веб-странице:
<div class="sIFR-ignore yui-skin-sam">
<textarea name="content" id="content" cols="50" rows="10">
</textarea>
</div>
Решение
Мне помог Дэвид Гласс, один из разработчиков YUI RTE. Ошибка, которую я допустил, была на самом деле CSS-кодом, в некоторых случаях в моих CSS-файлах это была строка с надписью & Quot; h3 {visibility: hidden;} & Quot; который сделал эту ошибку. В любом случае, спасибо за вашу помощь!
Другие советы
Попробуйте ввести свой собственный заголовок для редактора.
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();
Я могу ошибаться, но из-за SOP (та же политика происхождения) я не понимаю Не думаю, что JavaScript, размещенный в Google, сможет изменить DOM (если вы не являетесь Google).
Попробуйте разместить JavaScript на своем веб-сервере и ссылаться оттуда:
<script type="text/javascript" src="http://your.web.server.com/yui/2.7.0/build/yuiloader/yuiloader-min.js"></script>