Mi JS:
$(document).ready(function() { tinymce.init({ selector: 'textarea', height: 500, menubar: false, plugins: [ 'advlist autolink lists link image charmap print preview anchor', 'searchreplace visualblocks code fullscreen', 'insertdatetime media table contextmenu paste code' ], toolbar: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', content_css: '//www.tinymce.com/css/codepen.min.css' }); });Mi HTML:
<textarea></textarea>Tengo los siguientes archivos JS externos incluidos:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js http://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/jquery.tinymce.min .js
El violín JS:
Mi error:
Uncaught ReferenceError: tinymce is not defined at HTMLDocument.<anonymous> ((index):54) at j (jquery.min.js:2) at Object.add [as done] (jquery.min.js:2) at m.fn.init.m.fn.ready (jquery.min.js:2) at window.onload ((index):53Estoy ejecutando Google Chrome 57.0.2987.133 y el código TinyMCE es de https://www.tinymce.com/docs/demo/basic-example/ .
¿Algunas ideas?
También debe cargar TinyMCE en sí mismo: todo lo que está cargando ahora es un contenedor jQuery para TinyMCE.
En total necesitas cargar lo siguiente:
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/tinymce.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.6/jquery.tinymce.min.js"></script>Vea este violín actualizado: http://jsfiddle.net/mfromin/bcv1tv1b/2/
Honestamente, ni siquiera necesita el código jQuery TinyMCE a menos que quiera usar TinyMCE como un complemento jQuery. No es 100% necesario para que tu violín funcione.
Tuve este error con WordPress, la herramienta de desarrollo de Chrome me señaló el error. Así que revisé mis archivos, /wp-includes/js/tinymce/wp-tinymce.php, la carpeta en sí estaba con permiso de aceleración máxima, cambió a 755 y mi editor visual está funcionando ahora, el error de la consola desapareció.
¡Verifique si tiene algunos archivos .htaccess dentro de su carpeta wp-includes! Estaba teniendo este problema y parece que fue causado por un archivo .htaccess en la raíz de wp-includes.