Angular Editor rich text kolkov library font family issue

i'm using Angular Editor rich text for editing text styling... i have an issue with changing th font family, it's always disabled to select a choice from the list, the selected one is the as defaultFontName.

this is the configuration

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']
]


anyone has any idea why is it always disabled and thank you.

Continue reading...