Angularjs - 所見即所得圖片手動調整大小

Question

當用戶上傳圖片時，我想如何在WYSIWYG編輯器中調整圖片大小？我設法插入編輯器，但我不能調整圖像大小。

下面是我的代碼：

http://embed.plnkr.co/yxMbI54wYUlxu2hSpfw8/preview

感謝你的建議。

Answer 1

您可以捕捉插入到textarea的圖像的點擊並提示新的尺寸。下面的代碼是只是概念上：

$(textarea[0]).on("click", "img", function(){ 
    var me = this, 
     size = prompt("Size: ", me.width + "x" + me.height); 
    if (size) { 
     scope.$apply(function(){ 
      var [w,h] = size.split("x"); 
      $(me).css({ width: w, height: h }); 
     }); 
    } 
}); 

插入此片段到wysiwyg指令link功能，插入圖片，並點擊它。

注意，你不能使用標準angular.element，因爲它不支持選擇在.on方法，讓你必須使用 ol'good的jQuery代替。

plunker