web-dev-qa-db-ja.com

TinyMCE 4どのようにフォントサイズのスタイルを変更しますか？

テキストのフォントスタイルを変更したいのですが。

そのために次のスクリプトを使用します。

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'
 });

しかし、私のfont-size（6px、7px、8px、9pxなど）の内部には、8pt、10px、12ptなどが表示されます。

選択時にフォントサイズが表示されない理由と、それを正しく設定する方法を教えてください。

tinymcefont-sizetinymce-4
14
user2881809

あなたの設定は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"
26
Recoil

wordpress＆小さなmceでフォントサイズを変更する方法、コーディングは不要...ただ-

1.プラグイン「TinyMCE Advanced」を使用します

  1. 設定で有効にしてください。

より詳細な手順 ここ 。

0
shadowoflight