Estoy usando jquery editor tinymce. Tamaño de fuente predeterminado es 10. Me gusta el cambio que el tamaño de fuente predeterminado. ¿Cómo puedo hacer eso,

InformationsquelleAutor Mohan Ram | 2010-12-13

12 Comentarios

  1. 56

    Que usted necesita para utilizar el content_css configuración de tinymce para establecer un archivo css personalizado de su propia (asegúrese de que esta configuración apunta a una ubicación válida de un archivo css). Este archivo será insertada en el editor de iframes en la cabeza después de todas las otras opciones de configuración css(archivos desde el núcleo) se insertan allí cuando inicialización de tinymce – por lo tanto todos los ajustes que coloque en el archivo se sobrescribe la configuración de antes (por tinymce).

    Ejemplo: Establecer el valor predeterminado de tamaño de fuente para 11px. El contenido de un archivo css personalizado (lo he denominado contenido.css en mi instalación):

    body {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
    }

    Cómo utilizar esta configuración:

    tinyMCE.init({
     ...
     //you do not need to include it yourself, tinymce will do this for you, 
     //but you will need to give tinymce the location of your css file
     content_css : "http://www.myserver.com/css/content.css", 
         ...
    });
    • Donde debo incluir este css. desde mi página principal también está siendo afectado si puedo insertar en la misma página. Donde la inserción de este css y cómo acceder a ella.
    • Siento lo de dar unnecssary comentarios. A mí me funciona. Yo había cambiado el tamaño de la fuente en el contenido.css directamente, Gracias a u
    • me alegro de haber sido capaz de ayudar a
    • ¿cómo agregar un menú desplegable de tamaño de fuente
    • está usted usando tinyme3 o tinymce4?
    • bro esto fue hace 2 años lolll
    • cierto, pero vi esto justo ahora 🙂 es tu problema resuelto entonces? 🙂
    • el proyecto fue suspendido, pero se lo haré saber cuando se reanuda, aprecio tu acercarse a mí
    • sin embargo, cuando estoy usando grunt mi CSS, desapareció. Esto no funcionaría si estoy usando tarea corredores como gruñir o trago.
    • Esto funciona correctamente, pero no tengo el código html para la familia de la fuente & tamaño de la fuente cuando en comprobar esto en el editor de html
    • ¿qué has intentado exactamente?

  2. 23

    Que he usado en mi proyecto de esta manera

    tinymce.init({
      selector:"#txt1",
      setup : function(ed)
      {
        ed.on('init', function() 
        {
            this.execCommand("fontName", false, "tahoma");
            this.execCommand("fontSize", false, "12px");
        });
      }  
    }); 

    Esta es la mejor manera de que el mero cambio de los valores de propiedad en el contenido.css’

    • este.execCommand(«fontSize», false, «12 px»); no me funciona en el tmce 4 con (google chrome 51) este.getBody().de estilo.fontSize = ’12 px’; de KwangKungs respuesta sin embargo lo hizo.
    • esto provocó no deseados de desplazamiento a la entrada…. cómo evitar que
    • Por desgracia, este establece el foco en el editor. Se puede evitar?
  3. 14

    Sólo tiene que añadir esta línea a las opciones

    content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",

    así que parece que esta

    tinymce.init({
        selector: "textarea",theme: "modern",width: '100%',min_height:350 ,menubar:false,
         content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
        browser_spellcheck : true,
        plugins: 
        [
             "advlist autolink link image lists charmap print preview hr anchor pagebreak",
             "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
             "table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
        ],
       toolbar1: " undo redo preview code | \n\
                     link  bold italic underline | hr | image responsivefilemanager media |unlink anchor  | ",
       image_advtab: true ,
    
       external_filemanager_path:"/tinymce/filemanager/",
       filemanager_title:"Responsive Filemanager" ,
       relative_urls: false,
        remove_script_host : false,
       external_plugins: { "filemanager" : "/tinymce/filemanager/plugin.min.js"}
     });
    • Para v3.5 esta clase trabajado para mí: .mceContentBody.
    • Esta fue la forma más sencilla de hacerlo para mí en TinyMCE 4.6.1
  4. 5
    <script type="text/javascript">
        tinyMCE.init({
            mode : "textareas",
                setup : function(ed)
                {
                    //set the editor font size
                    ed.onInit.add(function(ed)
                    {
                    ed.getBody().style.fontSize = '10px';
                    });
                },
                });
    </script>
    • segunda ed parámetro no se pasa de alguna manera – «esto» funciona
    • Parece que no funciona 4.6 (ya sea con ed o este: TypeError: indefinido no es un objeto (la evaluación de ‘ed.onInit.agregar’)
  5. 2

    O simplemente encontrar archivo css que es utilizado por tinymce y cambio font-size. Por ejemplo, si el uso de tema simple, a continuación, ir a un lugar como este: js/themes/simple/skins/default/content.css y allí cambiar font-size. Trabajando para mí.

  6. 1

    Voy a yust dejo aquí, con tinyMCE 4 es ahora:

    setup : function(ed) {
     ed.on('init', function(ed) {
      ed.target.editorCommands.execCommand("fontName", false, "Calibri");
      ed.target.editorCommands.execCommand("fontSize", false, "11pt");
     });
    }
    • Funciona, pero: Si f.e. la fontSize a 12 pt y, a continuación, pulse de nuevo-eliminar en un vacío de la ventana del editor se restablecerá a fontSize 11 (tinymce predeterminado).
  7. 0

    Una opción es content_style donde usted puede añadir css para el editor.

    tinymce.init({
      selector: 'textarea',  //change this value according to your HTML
      content_style: "div, p { font-size: 15px; }"
    });

    Desafortunadamente, usted no puede simplemente establecer body sin !important por el orden que establezca el css.

    También yo no permitir a la gente para cambiar el tamaño de la fuente – y esto probablemente va a ir de mal en peor.

    Esto me ayudó en cambiar el tamaño predeterminado, como se ve, pero usted necesita ser cauteloso si dejas que la gente cambie el tamaño de la fuente después de esto.

    Para mí este rápido y sucio enfoque era todo lo que necesitaba porque el HTML estoy editando es super simple.

  8. 0

    Simplemente editar

    tinymce/temas/avanzado/skins/o2k7/contenido.css

    y cambio de tamaño de fuente en esta línea:

    body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
  9. 0

    Siguientes trabajó para mí:

    CSS Ruta de acceso:

    tinymce/js/tinymce/skins/gris claro/contenido.min.css

    body{background-color:#fff;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;

    He cambiado de 11px a 14ox.

  10. -1

    Hasta donde yo soy consciente, TinyMCE hereda el tamaño de la fuente definida por la etiqueta padre, por ejemplo, el<body> etiqueta

    • Cómo cambiar que me explique.
    • esto es cierto, pero, ¿cómo ayudar a resolver el problema?
    • Creo que es obvio
  11. -2

    Aquí es cómo hacerlo sin ningún tipo de codificación

    1. Utilizar el plugin ‘TinyMCE Advanced’
    2. Activar en ajustes.

    Instrucciones más detalladas aquí.

Dejar respuesta

Please enter your comment!
Please enter your name here