TinyMCE 4主题高级字体

TinyMCE 4主题高级字体,tinymce,tinymce-4,Tinymce,Tinymce 4,我试图在TinyMCE编辑器版本4.0b1中添加自定义字体系列,但一直失败。 显示所有默认字体,但不显示“Century Gothic”或“Gill Sans MT”等自定义字体。theme_advanced_字体在TinyMCE 4中不起作用吗?我找不到这方面的TinyMCE 4文档 tinymce.init({ selector: "textarea", plugins: [ "advlist autolink lists link image charmap print


我试图在TinyMCE编辑器版本4.0b1中添加自定义字体系列,但一直失败。
显示所有默认字体,但不显示“Century Gothic”或“Gill Sans MT”等自定义字体。theme_advanced_字体在TinyMCE 4中不起作用吗?我找不到这方面的TinyMCE 4文档

tinymce.init({
  selector: "textarea",
  plugins: [
      "advlist autolink lists link image charmap print preview anchor",
      "searchreplace visualblocks code fullscreen",
      "insertdatetime media table contextmenu paste"
  ],
  toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image | fontselect fontsizeselect | forecolor backcolor",
  convert_urls: false,
  content_css: 'http://www.mydomain.com/css/fonts.css',
  theme_advanced_font_sizes : "8px,10px,12px,14px,16px,18px,20px,24px,32px,36px",
  theme_advanced_fonts : "Andale Mono=andale mono,times;"+
                         "Arial=arial,helvetica,sans-serif;"+
                         "Arial Black=arial black,avant garde;"+
                         "Book Antiqua=book antiqua,palatino;"+
                         "Comic Sans MS=comic sans ms,sans-serif;"+
                         "Courier New=courier new,courier;"+
                         "Century Gothic=century_gothic;"+
                         "Georgia=georgia,palatino;"+
                         "Gill Sans MT=gill_sans_mt;"+
                         "Gill Sans MT Bold=gill_sans_mt_bold;"+
                         "Gill Sans MT BoldItalic=gill_sans_mt_bold_italic;"+
                         "Gill Sans MT Italic=gill_sans_mt_italic;"+
                         "Helvetica=helvetica;"+
                         "Impact=impact,chicago;"+
                         "Iskola Pota=iskoola_pota;"+
                         "Iskola Pota Bold=iskoola_pota_bold;"+
                         "Symbol=symbol;"+
                         "Tahoma=tahoma,arial,helvetica,sans-serif;"+
                         "Terminal=terminal,monaco;"+
                         "Times New Roman=times new roman,times;"+
                         "Trebuchet MS=trebuchet ms,geneva;"+
                         "Verdana=verdana,geneva;"+
                         "Webdings=webdings;"+
                         "Wingdings=wingdings,zapf dingbats"
});

看来theme_advanced_字体有问题,尚未修复。 我正在使用另一种样式格式的解决方案来定义字体

tinymce.init({
        ...
        toolbar: "styleselect",
        style_formats: [
            {title: 'Open Sans', inline: 'span', styles: { 'font-family':'Open Sans'}},
            {title: 'Arial', inline: 'span', styles: { 'font-family':'arial'}},
            {title: 'Book Antiqua', inline: 'span', styles: { 'font-family':'book antiqua'}},
            {title: 'Comic Sans MS', inline: 'span', styles: { 'font-family':'comic sans ms,sans-serif'}},
            {title: 'Courier New', inline: 'span', styles: { 'font-family':'courier new,courier'}},
            {title: 'Georgia', inline: 'span', styles: { 'font-family':'georgia,palatino'}},
            {title: 'Helvetica', inline: 'span', styles: { 'font-family':'helvetica'}},
            {title: 'Impact', inline: 'span', styles: { 'font-family':'impact,chicago'}},
            {title: 'Symbol', inline: 'span', styles: { 'font-family':'symbol'}},
            {title: 'Tahoma', inline: 'span', styles: { 'font-family':'tahoma'}},
            {title: 'Terminal', inline: 'span', styles: { 'font-family':'terminal,monaco'}},
            {title: 'Times New Roman', inline: 'span', styles: { 'font-family':'times new roman,times'}},
            {title: 'Verdana', inline: 'span', styles: { 'font-family':'Verdana'}}
        ],
        ...
});

结果:

看起来TinyMCE 4已经更新,自定义字体现在可以使用了

检查CSS字体源的此链接:

检查此链接以了解自定义字体设置:

奇怪的是,有些字体可以工作(自定义字体列表名称上的字体样式是正确的-绿色),有些则不行(列出了自定义字体,但样式不是假定的字体样式-红色)


tinyMCE 4中删除了“高级”和“简单”主题。新增加的主题是“现代”

tinymce.init({ ... 字体格式: “默认值='myFontFace',Arial,Helvetica,Tahoma,Verdana,无衬线;”+ “Arial=Arial,helvetica,无衬线”, ... });
在tinymce 4中,theme_advanced_字体已重命名为font_格式

您可以从以下列表中找到详细信息:

我尝试使用我的自定义字体系列,但它不起作用。出现自定义字体名称,但未检测到字体样式。我在TinyMCE init和page css中都使用了字体css。哦,我正在尝试以电子邮件的形式发送文本。据说,如果我使用“theme\u advanced\u fonts”,自定义字体将出现在邮件中,因为它检测到了我的CSS源,“style\u formats”是否也起作用?+1是否有办法恢复旧的用户界面?好的答案与代码示例一起提供,并向未来的读者解释。虽然问这个问题的人可能理解你的答案,但解释你是如何得出这个答案的将有助于无数其他人。 tinymce.init({ ... font_formats: "Default='myFontFace', Arial, Helvetica, Tahoma, Verdana, sans-serif;"+ "Arial=arial,helvetica,sans-serif", ... });