Rails应用程序中的Tinymce默认样式

Question

我按照How to build a blog with Rails 5 and Bootstrap 4 - Part 5的初始化Tinymce编辑器教程，但我无法在此编辑器中更改文本的默认字体大小。我有这样的代码中的application.js：

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.css：

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

而且还有与样式（custom.scss和posts.scss其他两个文件）。我试图把在custom.scss：

我也试过如下：

-clearing浏览器缓存几次

-copying custom.scss并链接到新的文件中content_css按this suggestion

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

该文件被添加到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

我想我找到了。问题是16px而不是16pt :-) Tinymce4使用默认的pt风格。因此，只要改变你的custom.scss到16PT：

/* 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，但我没试过。