javascript - the - wysiwyg editor

cómo agregar una barra de herramientas de tamaño de fuente en tinyMCE?

Question

de esta manera inicializo tinyMCE a un área de texto. fuente, negrita cursiva está funcionando pero la selección de tamaño de fuente no funciona.

tinymce.init({
selector: "textarea#content",
theme: "modern",
width: 586,
height: 300,
menubar:false,
font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//i used this line for font sizes
content_css: "css/content.css",
toolbar: "sizeselect | bold italic | fontselect | fontsize",//used font size for showing font size toolbar
style_formats: [
{title: ''Bold text'', inline: ''b''},
{title: ''Red text'', inline: ''span'', styles: {color: ''#ff0000''}},
{title: ''Red header'', block: ''h1'', styles: {color: ''#ff0000''}},
{title: ''Example 1'', inline: ''span'', classes: ''example1''},
{title: ''Example 2'', inline: ''span'', classes: ''example2''},
{title: ''Table styles''},
{title: ''Table row 1'', selector: ''tr'', classes: ''tablerow1''}
],
});**

Answer 1

Esto puede ser útil para la perspectiva. A continuación está mi código TinyMCE init JS, que incluye la opción de tipo y tamaño de fuente.

tinymce.init({
selector: ''#articletextarea'',
plugins: [
''advlist autolink lists link image charmap preview hr anchor pagebreak'',
''searchreplace wordcount visualblocks visualchars code'',
''insertdatetime media nonbreaking table contextmenu directionality'',
''emoticons template paste textcolor colorpicker textpattern imagetools codesample''
],
toolbar: ''codesample | bold italic sizeselect fontselect fontsizeselect | hr alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | insertfile undo redo | forecolor backcolor emoticons | code'',
fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
height: "350",
menubar: false
});

Answer 2

Estoy realmente enojado con la forma en que wordpress parece esforzarse por hacer que las personas quieran profundizar en el fondo y jugar con los códigos, incluso para funciones supuestamente básicas como cambiar las fuentes.

Afortunadamente, encontré una forma de habilitar el menú de tamaño de fuente sin hacer ninguna codificación real.

Sólo -

1. Utilice el complemento ''TinyMCE Advanced''
2. Actívalo en la configuración.

Instrucciones más detalladas aquí .

Answer 3

Todo lo que necesita hacer es agregar fontsizeselect a su parámetro de configuración de la barra de herramientas:

toolbar: "sizeselect | bold italic | fontselect | fontsizeselect",

Actualizar:

tinymce.init({
fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt"
});

Answer 4

theme_modern_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
font_size_style_values: "12px,13px,14px,16px,18px,20px",
toolbar: "insertfile undo redo | fontsizeselect |