Question

我有这个基本的tinyMCE配置。

tinymce.init({
  selector: '#editor',
  inline: true,
  fixed_toolbar_container: '#toolbar',
  menubar: false,
  statusbar: false,
  plugins: 'textcolor autolink link code',
  toolbar: ['fontselect', 'fontsizeselect'],
  font_formats: "Sans-serif=sans-serif;Serif=serif;Monospace=monospace",
  fontsize_formats: "Piccolo=12px Normale=14px Grande=16px Molto-grande=24px"
})

如您所见，我将其配置为使用3种字体：sans，serif和mono。

问题在于即使该字体不在列表中，tinyMCE也会使用嵌入页面的Roboto字体进行初始化。我如何避免这种情况？

https://codepen.io/anon/pen/rqyNzL

Answer 1

当您使用串联模式时，这按设计工作。从文档中：

最显着的是，在使用内联编辑时，TinyMCE并非孤立的   通过封装在iframe中从页面中提取。这有   确保编辑器中的内容继承   呈现内容时的周围页面样式。

由于未在嵌入式编辑模式下将编辑器放入iframe中，   编辑器内容的CSS样式是从以下页面继承的：   编辑器已打开。此功能使您可以完全按照以下内容编辑内容   它出现在页面的上下文中，提供了真正的所见即所得   编辑经验。

https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-inline/

如何阻止tinyMCE获取用于字体选择的页面字体？

1 个答案: