TinyMCE không được xác định Jquery

Question

Đã làm việc về lỗi này trong 2 ngày và không thể làm cho TinyMCE hoạt động. Tôi đang sử dụng phiên bản jquery của TinyMCE. Dưới đây là mã HTML của tôi với một biểu mẫu có chứa một vùng văn bản. Tôi sử dụng Google Inspect Element và dưới tab console tôi nhận được lỗi sau: "Uncaught ReferenceError: tinymce is not defined". Bất kỳ trợ giúp sẽ được đánh giá cao.

<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> 

Answer 1

Khi bạn đang sử dụng phiên bản jquery bạn sẽ cần phải thiết lập nó như một plugin jquery

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

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

Answer 2

Có vẻ như tệp TinyMCE js chưa được tải. Thay vì:

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

Hãy thử như sau:

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

Answer 3

Tôi đã xem trang này: http://www.tinymce.com/tryit/3_x/jquery_plugin.php và clic tab ked "Xem nguồn" và nhận thấy điều gì đó.

Nếu bạn đang sử dụng TinyMCE như jQuery plugin, có tham số bổ sung cần thiết script_url, do đó, mã của bạn sẽ giống như thế này:

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

giải pháp khác là sử dụng phi jQuery phiên bản:

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

và sau đó sử dụng phương pháp cũ để init TinyMCE (như trong mã ban đầu của bạn):

tinymce.init({ 
    selector: "textarea", 
...