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