Relative Content

Tag Archive for angularangular-materialtinymceangular-reactive-forms

How can I dynamically handle TinyMCE fields in Angular when adding or removing fields?

addMenuItems() { this.Form.valueChanges.subscribe((formValues) => { this.tinymceElements = ”; for (let key in formValues) { if (formValues.hasOwnProperty(key)) { const value = formValues[key]; console.log(`Key: ${key}, Value: ${value}`); const menuName = key.replace(/ /g, ”); this.tinymceElements += `${menuName} `; this.editor?.editor.ui.registry.addMenuItem(menuName, { text: key, icon: ‘browse’, onAction: () => this.editor.editor.insertContent(value), }); } } this.cdr.detectChanges(); }); } ngAfterViewInit(): void { if […]