TinyMCE Höhe ungehorsam in meiner eckigen App

Question

Ich versuche, die Höhe meiner TinyMCE-Box in meiner eckigen App zu ändern, die ich sehr klein finde.

Also habe ich gerade angewendet, was ich in der (widersprüchlichen) Dokumentation von TinyMCE gelesen habe. Deshalb , ich habe so etwas wie:

$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" 

     }; 

Aber es funktioniert nicht funktionieren, habe ich noch meine kleine Höhe haben. Ich habe auch versucht, was ich in diesem sehr interesting post lesen, aber mein Problem bleibt.

Wie überwinde ich das?

Answer 1

Sie müssen Ihren Editor aktualisieren, wenn Sie Änderungen an seinen Eigenschaften vornehmen. Probieren Sie diese Methode aus (Rufen Sie changeHeight-Funktion bei jedem Klick auf die Schaltfläche auf).

$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'); 
}