TinyMCE jQuery package и ошибка tinyMCE is not defined в FireFox
Здравствуйте, уважаемые посетители моего блога Курилка.co.ua. В своей заметке: «Подключение TinyMCE или заметки для начинающих» — я уже рассказывал о таком визуальном редакторе как TinyMCE. Проблема в том, что это решение не слишком привлекало меня – я искал нечто связанное с библиотекой jQuery. И вот свершилось – появился TinyMCE jQuery package, но не обошлось без проблем. О них и поговорим.
- Начну с того, что нам понадобиться скачать соответствующий архив jQuery package. Его можно найти на официальном сайт, а именно в разделе Download.
- В архиве нас интересует содержание папки: tinymce/jscripts/tiny_mce/ — которое скинул в: js/ — впрочем, это сделано лишь для собственного удобства.
- Далее нам понадобится последняя версия библиотеки jQuery, которую можно скачать на официальном сайте.
- Полученный файл я сразу переименовал как: jquery.js – и скинул в папку: js/ — опять же, для удобства.
Теперь у нас есть всё необходимое, и мы можем приступать к подключению визуального редактора TinyMCE. Как таковой, предлагается следующий вариант:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.tinymce.js"></script>
<script type="text/javascript">
$().ready(function() {
$('textarea.tinymce').tinymce({
script_url : 'js/tiny_mce.js'
});
});
</script>
<textarea class="tinymce"></textarea>
Как вы видите, здесь фигурируют сразу три файла: jquery.js, jquery.tinymce.js и tiny_mce.js. Должен признать, что такой вариант вполне работоспособен. Даже в FireFox он работает. Но, при определенных условиях, может появиться ошибка: «tinyMCE is not defined» — в моем случае речь идет о браузере FireFox иWindows Vista. Точнее, это происходит при попытке выложить файл на localhost или в online, на сервер. Проверить (работает или нет) можно на online примере. Сказать, что именно является проблемой — я затрудняюсь. Предположительно это может казаться нюансов работы FireFox с профилями в Windows XP или Vista.
Для решения данной проблемы рекомендуют закрыть все окна FireFox и из командной строки выполнить следующий запрос: firefox.exe –ProfileManager – запустится Profile Manager. Создаем новый профиль (старый можно удалить). Вот собственно и всё. Однако, я не решился на такие телодвижения, и погрузился в поиски более гибкого решения. Таковое тоже нашлось:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "specific_textareas",
editor_selector : "tinymce"
});
</script>
<textarea class="tinymce"></textarea>
Как вы видите, здесь мы обошлись всего двумя файлами: jquery.js и tiny_mce.js – а вот: jquery.tinymce.js — оказался не востребован. Тем не менее, это всё тот же TinyMCE jQuery package и всё вроде работает – tinyMCE инициализирован. Проверить (работает или нет) можно на online примере.
На этом всё. Если вам известны другие варианты решения проблемы или вы нашли в моей заметке какие-то ошибки – пишите. Будем дума, править и т.д. Спасибо за внимание.