1. 程式人生 > 實用技巧 >tinymce 新增字型編輯

tinymce 新增字型編輯

tinymce 新增字型和字型大小的步驟如下:

  • 1、 在toolbar新增字型選擇和字型大小選擇器
 window.tinymce.init({
      toolbar: [' fontselect  fontsizeselect  ']
})
  • 2、新增字型大小選擇控制元件的配置選項
 window.tinymce.init({
      fontsize_formats: "8pt 10pt 12pt 13pt 14pt 15pt 16pt 17pt 18pt 19pt 20pt 24pt 36pt"
})

  • 3、 完成以上2步就可以了顯示字型選擇了,如果需要中文字型,還需要如下配置
window.tinymce.init({
              font_formats: "微軟雅黑='微軟雅黑';宋體='宋體';黑體='黑體';仿宋='仿宋';楷體='楷體';隸書='隸書';幼圓='幼圓';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;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;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",
})