jquery - TinyMCE Paths, cómo especificar dónde cargar cosas como editor_plugin.js

google-closure

Question

Instalé TinyMCE, todo estaba funcionando muy bien. Luego utilicé Google Closure para empaquetar el JavaScript de mi sitio junto con TinyMCE_src

El problema que tengo es que TinyMCE está haciendo llamadas a:

plugins/paste/editor_plugin.js
themes/advanced/editor_template.js
langs/en.js

Y las rutas que se están utilizando no son válidas, son 404

¿Cómo puedo decirle a TinyMCE a dónde ir para obtener estos archivos?

Lo intenté:

relative_urls : false,
document_base_url : "http://www.site.com/path1/",

Pero no tienen efecto en los archivos de arriba.

¿Asesorar? Gracias

Answer 1

Agrupe todo usando grunt (instrucciones en github ), entonces solo tendrá que configurar desde donde cargar todos los skin_url css usando la opción skin_url

tinymce.init({skin_url: window.location.origin + ''/css/tinymce''})

Answer 2

De acuerdo con esto: http://www.tinymce.com/wiki.php/Configuration:theme_url

tinymce.init({
   ...
   theme_url: (document.location.pathname + ''/js/tinymce/themes/modern/theme.js'').replace("////", "//"),
   skin_url:  (document.location.pathname + ''/js/tinymce/skins/lightgray/'').replace("////", "//"),
   ...

Pero, hay que tener cuidado con los caminos. Con la ayuda document.location.pathname tengo el directorio raíz del proyecto. La función Reemplazar es necesaria para reemplazar la barra doble con una barra simple, porque un servidor diferente puede devolver "... // server / site" OR "... // server / site /" y puede ser: "... // server / site / js ... "OR" ... // server / site // js ... ".

Answer 3

De acuerdo con la documentación de TinyMCE 4.x, puede especificar el URL de la base del documento durante el inicio.

tinymce.init({
        document_base_url: "http://www.example.com/path1/"
});

Si está utilizando CodeIgniter, simplemente use base_url()

tinymce.init({
        document_base_url: "<?php echo base_url() ?>"
});

Recuerde: relative_url debe ser verdadero para que funcione perfectamente; de ​​lo contrario, obtendrá URLS absolutos.

Para más detalles: http://www.tinymce.com/wiki.php/Configuration:document_base_url

Answer 4

Puede anular la url base para tinyMCE colocando el siguiente código antes de inicializar tinyMCE.

var tinyMCEPreInit = {
    suffix: '''',
    base: ''/tinymce/'',
    query: ''''
};

Esto es útil si ya cargó tinyMCE desde una fuente combinada y la ruta base no se encuentra correctamente.

Answer 5

Si está usando el plugin TinyMCE jQuery, puede cargar todo desde una ubicación remota, simplemente agregue el parámetro script_url en su código de inicio. Cargará todo desde allí, incluidos los scripts / images / etc.

$(''textarea'').tinymce({
    script_url: ''http://tinymce.moxiecode.com/js/tinymce/jscripts/tiny_mce/tiny_mce.js''
});

Eche un vistazo a este violín, que incluye todo de forma remota desde el sitio web de TinyMCE: http://jsfiddle.net/xgPzS/22/

Answer 6

Tuve el mismo problema, y ​​podría haberse resuelto fácilmente si pudiéramos especificar la url base usando document_base_url .

Alternativamente, pude especificar la URL base antes de inicializar tinymce.

tinyMCE.baseURL = "URL_TO/tinymce/jscripts/tiny_mce/";// trailing slash important

tinyMCE.init({
        mode : "textareas",
        theme : "simple"
});

TinyMCE está funcionando bien ahora.