RailsアプリケーションのTinymceのデフォルトスタイル

Question

How to build a blog with Rails 5 and Bootstrap 4 - Part 5のチュートリアルに従っていましたが、Tinymceエディタを初期化しましたが、このエディタでテキストのデフォルトのフォントサイズを変更できません。

*= require_tree . 
*= require_self 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "font-awesome"; 

とスタイル（custom.scssとposts.scssと他の2つのファイルがありますapplication.cssで

document.addEventListener("turbolinks:load", function() { 
    tinymce.remove(); 
    tinymce.init({ 
     selector: 'textarea#post_body', 
    height: 500, 
    plugins: [ 
     "advlist autolink autosave link image lists charmap", 
     "wordcount media code", 
     "table contextmenu textcolor paste" 
    ], 
    toolbar1: "undo redo | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect", 
    toolbar2: "cut copy paste | bullist numlist | outdent indent blockquote | link image media | forecolor | table | subscript superscript | charmap | code", 
    menubar: false, 
    content_css : "/assets/application.css" 
}); 

}）

：私はapplication.jsでこのコードを持っています）。私はcustom.scssに入れてみました：

私も次のことを試してみました：

custom.scssを-copyingあたりとしてcontent_cssで新しいファイルにリンクし、ブラウザのキャッシュを複数回

を-clearing content_style: ".mce-content-body p { font-size: 16px;}"

ファイルを-using this suggestionが

IFRAMEの先頭に付加されているとその背景色は変更されていますが、段落のスタイルは常にデフォルトのインラインスタイルで上書きされます。<p style="box-sizing: border-box; margin: 0px 0px 1.1em; padding: 0px; border: 0px; font-size: 19.35px; line-height: 32.895px; font-family: Lato, sans-serif; color: #444444;" data-mce-style="box-sizing: border-box; margin: 0px 0px 1.1em; padding: 0px; border: 0px; font-size: 19.35px; line-height: 32.895px; font-family: Lato, sans-serif; color: #444444;">...</p>

投稿を編集中に背景色を変更しても、送信時に既定のスタイルが戻ってしまうフォームとすべてのブログの記事を表示:(

任意のアイデアをください？

Answer 1

私はそれを見つけたと思う。問題は16ptではなく16pxになりました:-) Tinymce4はデフォルトのptスタイルを使用します。だから16ポイントにあなたのcustom.scssを変更します。

/* TinyMCE specific rules */ 
body.mce-content-body { 
font-family: $raleway; 
background-color: gray; 
font-size: 16pt; 
} 

body.mce-content-body p { 
    font-size: 16pt; 
} 

デフォルトstyle formatを変更することができますが、私は試していないが。