Quitar ruta de acceso en la barra de estado en TinyMCE4

Acabo de migrar de TinyMCE3 a TinyMCE4 y me pregunto ¿cómo eliminar la ruta de acceso en la barra de estado. Pero quiero mantener mi status bar en el que poder cambiar el tamaño de functionnality.

Con TinyMCE3 podemos hacerlo con:

tinymce.init({
    ...
    theme_advanced_path : false
});

¿Cómo puedo tener el mismo resultado con TinyMCE4?

Gracias

InformationsquelleAutor ChibiTomo | 2013-06-19

11 Kommentare

  1. 22

    Esto funciona para mí:

    .mce-path {/* CSS */
        display: none !important;
    }
    

    EDICIÓN:

    En TinyMCE4, creo que no hay una forma oficial de hacerlo por el paso de un parámetro a tinymce.init(); para deshabilitar el camino. Usted puede pasar statusbar: false, pero que va a ocultar la ruta de acceso Y el tamaño del icono, por desgracia!

    La respuesta que me dieron por el uso de CSS, se esconde la ruta, pero al cambiar el tamaño de icono se queda allí. Pero asegúrese de que usted tiene el statusbar: true en el tinymce.init();

    • También .mce-statusbar { border-width: 0 !important; } quita el borde doble en la parte inferior.
    • Gracias, +1 buen punto!
  2. 62

    En TinyMCE 4 se puede quitar sólo la ruta de acceso en la barra de estado mediante el ajuste de la configuración de elementpath en false, como este:

    tinymce.init({ elementpath: false });
    
    • Mejor respuesta (ahora), debe ser upvoted 😉
    • Esto sin duda se debe ser aceptada respuesta.
    • No funciona en 4.1.6
  3. 3

    El enfoque CSS funciona, pero generalmente se aplica globalmente a cada editor en la página. La antigua opción de TinyMCE 3 podría ser aplicado de forma individual para los diferentes editores.

    Quería mantener esta flexibilidad y encontré la siguiente solución:

    a) Definir una regla CSS como .myMceNoPath .mce-path{display:none;}

    b) Para un editor de instancia que debería proporcionar un controlador de cambio de tamaño sin ruta de acceso de la pantalla, defina las siguientes opciones:

    resize: "both", 
    init_instance_callback : function (ed) {
        ed.getContainer().className += " myMceNoPath";
    }
    

    Esta dinámica agrega una clase para el editor de elemento, lo que nos permite aplicar el CSS sólo a los editores específicamente marcadas de esta manera.

  4. 2

    Desafortunadamente, esta característica es obsoleta en TinyMCE 4. Pero siempre se puede bloquear este visualmente con CSS. Debe ser algo como esto:

    .mce-path {
     display: none;
    }
    
  5. 1

    Una solución rápida en TinyMCE 4 es establecer la ruta de acceso del elemento de opacidad a la transparencia:

    tinymce.init({
        ...
        init_instance_callback: function (editor) {
            $(editor.getContainer()).find(".mce-path").css("opacity", "0");
        }
    });
    

    Este debe ocultar el texto de la ruta sin que afecte de otra manera la barra de estado. He encontrado que la desactivación de la barra de estado de la visibilidad a través de la función init() o propiedad CSS display también se traduce en una flotante número de palabras y cambiar el tamaño de icono de la superposición de la barra de desplazamiento.

    De crédito para immo y otros para señalar la devolución de llamada y CSS conceptos. Me gusta este particular (jQuery) solución porque es auto-contenida y sólo se aplica a su padre editor, aunque las variaciones son posibles.

  6. 0

    La mía se basa en el concepto de opacidad de Dustin Carr arriba:
    Para TinyMCE 4, he localizado skin.min.css, buscado mce-path-item y a la derecha después de display:inline-block, he añadido opacity:0. Así que, finalmente, es algo así como display:inline-block;opacity:0; *display...

    Es sólo un truco rápido, como Carr dice: el elemento está todavía allí cuando hago clic en él, es sólo el usuario estándar no lo veo.

    Esperanza que ayuda a algunas uno…

    EDIT:La misma para mce-divisor 😉

  7. 0

    Gracias a @Dustin Carr para su respuesta.
    Me he extendido su respuesta un poco , que es lo que hice , funciona muy bien para mí y cuando el usuario coloca el cursor sobre la zona de la ruta de acceso que no muestra el cursor en todos (con opacidad 0 se muestra el cursor sobre la ruta y el camino sigue siendo hacer clic) .

    tinymce.init({
    
    ...
    init_instance_callback: function (editor) {
    $(editor.getContainer()).find(".mce-path").css("visibility", "hidden");
    },
    
    });
    

    HTH

  8. 0

    Estoy usando tinyMCE v5. Y las siguientes obras.
    Con el fin de ocultar el Camino, pase «elementpath»: false en init objeto y la «barra de estado»: false para ocultar el pleno de la barra de estado. Si usted esconder la barra de estado a continuación, usted también pierde su capacidad para aumentar o disminuir la altura.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Recent Articles

Python «set» con duplicados/elementos repetidos

Hay una forma estándar de representar un "conjunto" que puede contener elementos duplicados. Como yo lo entiendo, un conjunto tiene exactamente un cero o...

Python: generador de expresión vs rendimiento

En Python, ¿hay alguna diferencia entre la creación de un generador de objetos a través de un generador de expresión versus el uso de...

Cómo exportar/importar la Masilla lista de sesiones?

Hay una manera de hacer esto? O tengo que tomar manualmente cada archivo de Registro? InformationsquelleAutor s.webbandit | 2012-10-23

no distingue mayúsculas de minúsculas coincidentes en xpath?

Por ejemplo, para el xml a continuación <CATALOG> <CD title="Empire Burlesque"/> <CD title="empire burlesque"/> <CD...