如何在tinymce编辑器中添加新字体？

4 回答

• 0

  我解决了这个问题，

  检查下面的所有可能的问题并修复它们以在TinyMCE编辑器中添加字体 .

  • 创建字体文件夹： tinymce/themes/advanced/ - 如果不存在 .

  • 将字体放入字体 "tinymce/themes/advanced/fonts/aphrodite_pro.ttf.

  • 在 editor_template.js & editor_template_src.js 中添加 editor_template.js & editor_template_src.js 中包含的字体

  Ex: theme_advanced_fonts: "Aphrodite Pro=aphrodite pro" ，

  • 在两个js文件中维护 "theme_advanced_fonts" 字体名称序列 .

  最重要的部分： "Aphrodite Pro" name由我们定义，其中 "aphrodite pro" 是字体的名称 .

  Note 这可能不适用于TinyMCE版本4或更高版本 . 查看新文档：https://www.tinymce.com/docs/configure/content-formatting/#font_formats

  回复于 2024-04-27T17:04:12+08:00
• 0

  您需要根据需要设置theme_advanced_fonts配置参数 . 如果您需要将字体添加到编辑器iframe head contect.css with @font-face 是正确的方法 .

  回复于 2024-04-27T17:04:12+08:00
• 7

  我已经通过安装Papyrus字体研究了这个解决方案，它运行良好（在任何css文件中没有任何@ font-face），但是在Mac上运行几个浏览器（运行Lion）我发现虽然它在Safari和Firefox，Papyrus选项不会显示在Chrome的文本编辑器字体下拉列表中 . 我看到其他人在相关领域遇到了一些Chrome问题，所以我不确定这是否可以在Chrome中修复 .

  我在两个.js文件中添加了Papyrus = Papyrus，按照相同的相对位置顺序，并添加了所描述的fonts文件夹，其中包含字体文件Papyrus.TTF（如图所示的大小写） .

  在Safari和Firefox中，这导致Papyrus在下拉列表中，Papyrus字体在编辑器文本中，并在网页上，完全按照要求 .

  但由于无法选择字体，因此无法在Chrome中使用 .

  回复于 2024-04-27T17:04:12+08:00
• 0

  使用谷歌字体我只是使用两行来实现这个问题（在TinyMCE初始化中）：

  content_css: ['https://fonts.googleapis.com/css?family=Gugi'],
  font_formats: 'Arial Black=arial black,avant garde;Gugi=Gugi, cursive;Times New Roman=times new roman,times;',
  

  新字体称为Gugi，将出现在arial black和times roman之间

  回复于 2024-04-27T17:04:12+08:00