Angularjs - 所见即所得图像手动调整大小

Question

当用户上传图像时，我想如何在所见即所得的编辑器中调整图像大小？我设法插入编辑器，但无法调整图像大小。

以下是我的代码：

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

感谢您的建议。

Answer 1

您可以捕获插入到文本区域的图像的点击，并提示输入新大小。下面的代码只是概念性的：

$(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。

普伦克