TinyMCE высота непослушна в моем угловом приложении

Question

Я пытаюсь изменить высоту моего окна TinyMCE в своем угловом приложении, которое я нахожу очень маленьким.

Поэтому я просто применил то, что я прочитал (противоречивую) документацию TinyMCE. Поэтому, у меня есть что-то вроде:

$scope.optionTinyMCE = { 
      language: "fr_FR", 
      selector: "textarea", 
       height: 700, // This is what I added, but nothing change 
      statusbar: false, 
      menubar: false, 
      plugins: [ 
       "advlist autolink lists link image charmap print preview anchor", 
       "searchreplace visualblocks code fullscreen", 
       "insertdatetime media table contextmenu paste" 
      ], 
      toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 

     }; 

Но это не работает, я до сих пор мой крошечный рост. Я также попытался применить то, что я прочитал в этом самом interesting post, но моя проблема остается.

Как преодолеть это?

Answer 1

Вы должны обновить свой редактор, если у вас есть какие-либо изменения в его свойствах. Попробуйте этот подход (вызовите функцию changeHeight при каждом нажатии кнопки).

$scope.editorHeight = "700px"; 
$scope.optionTinyMCE = { 
      language: "fr_FR", 
      selector: "textarea", 
       height: $scope.editorHeight, // This is what I added, but nothing change 
      statusbar: false, 
      menubar: false, 
      plugins: [ 
       "advlist autolink lists link image charmap print preview anchor", 
       "searchreplace visualblocks code fullscreen", 
       "insertdatetime media table contextmenu paste" 
      ], 
      toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter  alignright alignjustify | bullist numlist outdent indent | link image" 
}; 

//Call this on button click 
$scope.changeHeight = function(){ 
    $scope.editorHeight = "1000px"; 
    $scope.$broadcast('$tinymce:refresh'); 
}