tinymce5.10 添加字体

在 TinyMCE 5.10 中添加字体非常简单。

首先，你需要打开 TinyMCE 的配置文件。在配置文件中添加以下代码：

// 添加自定义字体
font_formats: 'Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace;Comic Sans MS=comic sans ms,sans-serif;Georgia=georgia,times new roman,times,serif;Tahoma=tahoma,arial,helvetica,sans-serif;Times New Roman=times new roman,times,serif;Verdana=verdana,arial,helvetica,sans-serif',

在上面的代码中，`font_formats` 属性将定义可用字体的列表。每个字体都由名称和字体族数组组成，用等号分隔。多个字体族之间用逗号分隔。

在这个例子中，我们添加了六种不同的字体，每个字体都有多个字体族。你可以根据需要添加或删除字体。

完成后，你就可以在 TinyMCE 编辑器中使用新的字体了。

相关问题

tinymce5.10 添加新下载的字体

要添加新的字体到 TinyMCE 5.10，需要按照以下步骤进行操作：

1. 下载所需的字体文件，并将其保存在您的项目中。

2. 在 TinyMCE 的初始化配置中，使用 `content_css` 选项指定您的 CSS 文件。

tinymce.init({
  selector: 'textarea',
  content_css: 'path/to/your/css/file'
});

3. 在您的 CSS 文件中，使用 `@font-face` 规则将字体文件加载到页面中。例如：

@font-face {
  font-family: 'MyCustomFont';
  src: url('path/to/your/font/file.ttf') format('truetype');
}

4. 接下来，您可以在 TinyMCE 的配置中使用 `font_formats` 选项来定义可用的字体格式。例如：

tinymce.init({
  selector: 'textarea',
  content_css: 'path/to/your/css/file',
  font_formats: 'MyCustomFont=MyCustomFont;'
});

请注意，这里的 `MyCustomFont` 是您在 `@font-face` 规则中定义的字体名称。您还可以指定多个字体格式，如下所示：

tinymce.init({
  selector: 'textarea',
  content_css: 'path/to/your/css/file',
  font_formats: 'MyCustomFont=MyCustomFont;Arial=arial,helvetica,sans-serif;'
});

这将使 TinyMCE 中的“字体”下拉菜单包含您定义的字体，并且用户可以选择这些字体。

tinymce 如何添加思源黑体

要在 TinyMCE 中添加思源黑体字体，你需要进行以下步骤：

1. 将思源黑体字体文件（.ttf 或 .otf 格式）下载到你的本地计算机中。

2. 在 TinyMCE 的配置中添加你所需的字体，具体可参考以下示例代码：

tinymce.init({
  selector: 'textarea',
  height: 500,
  plugins: 'advlist autolink lists link image charmap print preview anchor',
  toolbar: 'fontsizeselect fontselect',
  content_css: 'https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700|Noto+Serif+SC:300,400,500,700',
  font_formats: '思源黑体=simhei;思源宋体=simsun;',
  fontsize_formats: "12px 14px 16px 18px 24px 36px",
});

在上面的代码中，你需要将 `content_css` 属性设置为你所需的字体文件的 URL 地址，例如：

content_css: 'https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700|Noto+Serif+SC:300,400,500,700|Source+Han+Sans+SC:300,400,500,700&display=swap',

然后，在 `font_formats` 属性中添加你所需的字体名称和字体文件名，例如：

font_formats: '思源黑体=simhei;思源宋体=simsun;',

最后，在你的编辑器界面中，你应该能够看到 "思源黑体" 和 "思源宋体" 字体选项了。

希望这能帮到你！