TinyMCE 4 Как изменить стиль шрифта?
Я хотел бы добавить стиль шрифта изменения для текста;
Для этого я использую этот script:
tinymce.init({
selector: selector_id,
theme: "modern",
theme_modern_font_sizes: ["6px,7px,8px,9px,10px,11px,12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px,25px,26px,27px,28px,29px,30px,31px,32px,36px,38px,40px"],
font_size_style_values: ["6px,7px,8px,9px,10px,11px,12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px,25px,26px,27px,28px,29px,30px,31px,32px,36px,38px,40px"],
/* width: 300,
height: 300, */
plugins: [
"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
"save table contextmenu directionality template paste textcolor"
],
content_css: "./style.css",
toolbar: "insertfile undo redo | fontsizeselect | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor",
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'}
],
file_browser_callback : elFinderBrowser ,
spellchecker_languages : '+Русский=ru,English=en'
});
Но внутри моего размера шрифта (6px, 7px, 8px, 9px другого) я вижу 8pt, 10px, 12pt и другие.
Скажите, пожалуйста, почему я не вижу размер шрифта в списке и как я могу сделать это правильно?
Ответы
Ответ 1
Ваши установочные швы должны быть для tinymce 3.x. Забудьте об этом, обновите до 4.x и используйте следующее:
tinymce.init({
fontsize_formats: "8pt 9pt 10pt 11pt 12pt 26pt 36pt",
theme: 'modern',
а затем на панели инструментов:
toolbar: "undo redo pastetext | styleselect | fontselect | fontsizeselect"
Ответ 2
Как изменить размер шрифта в wordpress и крошечном mce, не требуется кодирование... just -
1.Используйте плагин 'TinyMCE Advanced'
- Активируйте его в настройках.
Более подробные инструкции здесь.
Ответ 3
Версия версии 4.1.9
Вам нужно будет отредактировать активную тему functions.php следующим образом:
// Customize mce editor font sizes
if ( ! function_exists( 'wpex_mce_text_sizes' ) ) {
function wpex_mce_text_sizes( $initArray ){
$initArray['fontsize_formats'] = "9px 10px 12px 13px 14px 16px 18px 21px 24px 28px 32px 36px";
return $initArray;
}
}
add_filter( 'tiny_mce_before_init', 'wpex_mce_text_sizes' );
Ссылка: http://www.wpexplorer.com/wordpress-tinymce-tweaks/