私のアングルアプリに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'); 
}