我正在使用 Angular 编辑器富文本来编辑文本样式...我在更改字体系列时遇到问题,始终无法从列表中选择选项,所选字体作为默认字体名称。
这是配置
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.json
, 中添加以下内容之一
"assets": [
"src/favicon.gif",
"src/assets",
{
"glob": "**/*",
"input": "./node_modules/@kolkov/angular-editor/assets/",
"output": "./assets/fonts/"
}
],
"assets": [
"src/favicon.ico",
"src/assets",
{
"glob": "**/*",
"input": "./node_modules/@kolkov/angular-editor/assets/",
"output": "./assets/fonts/"
}
],
就我而言,问题出在我的同一个组件中,我有 2 个不同的编辑器,我删除了其他编辑器,并且我能够选择 Font-Family。
在这种情况下,您在角度编辑器中映射的事件是 mouseup 像 (mouseup)="onPointerDown()" 通常对应于释放鼠标按钮 所以将 mouseup 更改为 (click)="onPointerDown()"
这将解决问题