Javascript – TinyMCE default font size

csshtmljavascripttinymce

How can I set the default font size of tinyMCE , I've a tinyMCE editor and I tried all the things to change the text-size to 14px and it always shows 10px. I'm using rails 3.1 and tinymce
major Version: '3', and minor Version: '4.4'.

I changed tinymce/themes/advanced/skins/default/content.css font-size to 14px
I even add

tinyMCE.init({
    theme_advanced_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
    font_size_style_values: "12px,13px,14px,16px,18px,20px",
});

and

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

Best Answer

You can load a custom stylsheet for the textarea:

tinyMCE.init({
  content_css : "custom_content.css"
});

In there you can style your fonts like on a normal page.

Related Solutions

Javascript – Set a default parameter value for a JavaScript function

From ES6/ES2015, default parameters are in the language specification.

function read_file(file, delete_after = false) {
  // Code
}

just works.

Reference: Default Parameters - MDN

Default function parameters allow formal parameters to be initialized with default values if no value or undefined is passed.

You can also simulate default named parameters via destructuring:

// the `= {}` below lets you call the function without any parameters
function myFor({ start = 5, end = 1, step = -1 } = {}) { // (A)
    // Use the variables `start`, `end` and `step` here
    ···
}

Pre ES2015,

There are a lot of ways, but this is my preferred method — it lets you pass in anything you want, including false or null. (typeof null == "object")

function foo(a, b) {
  a = typeof a !== 'undefined' ? a : 42;
  b = typeof b !== 'undefined' ? b : 'default_b';
  ...
}

Javascript – Get the size of the screen, current web page and browser window

You can get the size of the window or document with jQuery:

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

For screen size you can use the screen object:

window.screen.height;
window.screen.width;

Best Answer

Related Solutions

Javascript – Set a default parameter value for a JavaScript function

Javascript – Get the size of the screen, current web page and browser window

Related Topic