2013-06-03 3 views
7

Эта проблема была обработана в течение 2 дней и не может работать в TinyMCE. Я использую jQuery-версию TinyMCE. Ниже приведен код HTML с формой, содержащей текстовое поле. Я использую элемент Google Inspect Element и под вкладкой консоли я получаю следующую ошибку: «Uncaught ReferenceError: tinymce не определен». Любая помощь будет оценена по достоинству.TinyMCE не определен JQuery

<form id="add_update_form" action="" method="POST" title="Add Blog"> 

<p class="feedback"></p> 

<!-- <label>Created:</label> 
<input type="text" name="created"> --> 

<label>Title:</label> 
<input type="text" name="title" class="input-block-level"> 

<label>Content:</label> 
<textarea width="100%" rows="10" cols="10" name="content" class="input-block-level"></textarea> 

<div class="clear"></div> 

</form> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script> 
<script type="text/javascript"> 
tinymce.init({ 
selector: "textarea", 
plugins: [ 
    "advlist autolink lists link image charmap print preview anchor", 
    "searchreplace visualblocks code fullscreen", 
    "insertdatetime media table contextmenu paste moxiemanager" 
], 
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
}); 
</script> 
+0

Есть ли ошибки на консоли отладки? Кроме того, попробуйте использовать локальную копию jquery вместо cdn. – Jasen

+0

Да, ошибка консоли отладки: «Неподготовлено ReferenceError: tinymce не определен (анонимная функция)». Я пробовал локально и cdn без успеха. – gustavo

+0

Действительно ли загружается файл JS? Проверьте вкладку сети в инструментах разработчика в браузере. – Snixtor

ответ

5

Как вы используете версию JQuery вам нужно установить его как JQuery плагин

$(function() { 
    $('textarea.tinymce').tinymce({ 
    ... 
    }); 
}); 

http://www.tinymce.com/tryit/3_x/jquery_plugin.php

+0

Спасибо, что исправил ошибку, не понял, что мне пришлось использовать ее как плагин. – gustavo

+1

Да, их документация показывает несоответствия – Jasen

2

Похоже, что файл TinyMCE js не загружен. Вместо того, чтобы:

<script src="<?php echo base_url();?>js/portal/tinymce/jquery.tinymce.min.js"></script> 

Попробуйте следующее:

<script src="//cdn.jsdelivr.net/tinymce/4.0b2/jquery/jquery.tinymce.min.js" type="text/javascript"></script> 
+0

Я все еще получаю ту же ошибку. Не знаю, почему файл tinymce jquery не загружается. – gustavo

4

Я посмотрел на эту страницу: http://www.tinymce.com/tryit/3_x/jquery_plugin.php и clic ked tab "Просмотр исходного кода" и что-то заметил.

Если вы используете TinyMCE, как JQuery плагин, есть дополнительный параметр требуется SCRIPT_URL, так что ваш код должен выглядеть следующим образом:

$('textarea.tinymce').tinymce({ 
    script_url: 'js/portal/tinymce/tinymce.min.js', 
... 

Другое решение заключается в использовании не-JQuery версии:

<script src="<?php echo base_url();?>js/portal/tinymce/tinymce.min.js"></script> 

, а затем использовать старый метод инициализировать TinyMCE (как в вашем исходном коде):

tinymce.init({ 
    selector: "textarea", 
... 
Смежные вопросы