Angularjs - WYSIWYG图像手动调整大小

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

将此代码段插入link指令的wysiwyg函数中，插入图片并点击它。

请注意，您无法使用标准angular.element，因为它不支持.on方法中的选择器，因此必须使用 ol'good jQuery。

plunker