Обновите значки панели инструментов froala динамически - PullRequest
Новая
       8

Обновите значки панели инструментов froala динамически

0 голосов
/ 09 января 2019

В моем приложении angular есть выпадающий список и редактор froala ниже этого. В зависимости от выбора выпадающего меню значки панели инструментов редактора froala должны быть обновлены. Пожалуйста, смотрите код ниже

froala.component.html 

        <select  [(ngModel)]="selectedType" (change)="customizeEditorButtons()" > 
         <option value="1"> Option 1 </option> 
         <option value="2"> Option 2 </option> 
        </select>


<textarea [froalaEditor]="editorOptions" [(froalaModel)]="froalaContent"></textarea>

froala.component.ts 

this.editorOptions = {
   toolbarButtons: this.toolBarbuttonsModified
}

 public customizeEditorButtons(){
  this.toolBarbuttonsModified = [ 'redo' , '-', 'bold', 'italic'];
}

Функция customizeEditorButtons() не будет обновлять редактор froala, так как он уже отображается в init. Так что же является параметром для обновления значков на панели инструментов диамантически.

1 Ответ

0 голосов
/ 11 января 2019

Я нашел решение для этого. При изменении выпадающего списка уничтожьте текущий экземпляр и снова инициализируйте его с помощью новых кнопок панели инструментов. 

public customizeEditorButtons(initControls){
  initControls.destroy();
  this.toolBarbuttonsModified = [ 'redo' , '-', 'bold', 'italic'];
  initControls.initialize();
}

Также инициализация должна быть ручной.

...