Angular Editor富文本kolkov库字体家族问题答案

【问题标题】：Angular Editor rich text kolkov library font family issueAngular Editor富文本kolkov库字体家族问题
【发布时间】：2022-10-06 13:44:52
【问题描述】：

我正在使用 Angular Editor 富文本来编辑文本样式...我在更改字体系列时遇到问题，始终无法从列表中选择一个选项，所选的选项是默认字体名称。

这是配置

config: AngularEditorConfig = {
editable: true,
spellcheck: true,
height: \'10rem\',
minHeight: \'5rem\',
translate: \'no\',
placeholder: \'Enter text here ....\',
defaultFontName: \'Comic Sans MS\',
defaultFontSize:\'3\',
defaultParagraphSeparator: \'p\',
fonts: [
    {class: \'arial\', name: \'Arial\'},
    {class: \'times-new-roman\', name: \'Times New Roman\'},
    {class: \'calibri\', name: \'Calibri\'},
    {class: \'comic-sans-ms\', name: \'Comic Sans MS\'}
  ],
customClasses: [
  {
    name: \'Quote\',
    class: \'quoteClass\',
  },
  {
    name: \'Title Heading\',
    class: \'titleHead\',
    tag: \'h1\',
  },
],
sanitize: false,
toolbarHiddenButtons:[
    [\'insertImage\'],
    [\'insertVideo\'],
    [\'backgroundColor\',\'customClasses\'],
    [\'insertOrderedList\', \'insertUnorderedList\'],
    [\'link\', \'unlink\',\'toggleEditorMode\']
]

任何人都知道为什么它总是被禁用，谢谢。

标签： angular rich-text-editor font-family richtext kolkov-editor

【解决方案1】：

必须在 angular.json 中添加以下内容之一，

“资产”：[ "src/favicon.gif", “源/资产”， { "glob": "**/*", “输入”：“./node_modules/@kolkov/angular-editor/assets/”， “输出”：“./assets/fonts/” } ],

“资产”：[ "src/favicon.ico", “源/资产”， { "glob": "**/*", “输入”：“./node_modules/@kolkov/angular-editor/assets/”， “输出”：“./assets/fonts/” } ],

【讨论】：