TinyMCE non è definito Jquery

Question

Sono stati lavorando su questo errore per 2 giorni e non è possibile far funzionare TinyMCE. Sto usando la versione jquery di TinyMCE. Di seguito è il mio codice HTML con un modulo che contiene una textarea. Uso Google Inspect Element e nella scheda della console ottengo il seguente errore: "Uncaught ReferenceError: tinymce is not defined". Qualsiasi aiuto sarebbe apprezzato.

<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

Come si utilizza la versione di jQuery è necessario configurarlo come un plugin per jQuery

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

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

Answer 2

Sembra che il file js di TinyMCE non sia stato caricato. Invece di:

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

Provare quanto segue:

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

Answer 3

Ho dato un'occhiata a questa pagina: http://www.tinymce.com/tryit/3_x/jquery_plugin.php e clic scheda ked "Visualizza sorgente" e notato qualcosa.

Se si utilizza TinyMCE come plugin jQuery, v'è ulteriore parametro richiesto script_url, in modo che il codice dovrebbe apparire come questo:

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

Altra soluzione è quella di utilizzare la versione non-jQuery:

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

e quindi utilizzare il metodo vecchio init il TinyMCE (come nel vostro codice iniziale):

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