Angularjs - WYSIWYG 이미지의 크기를 수동으로 조정하십시오.

Question

사용자가 이미지를 업로드 할 때 WYSIWYG 편집기 내부에서 이미지의 크기를 조정하려면 어떻게해야합니까? 편집기에 삽입 할 수 있지만 이미지 크기를 조정할 수 없습니다.

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

는 wysiwyg 지침의 link 함수에이 코드를 삽입하여 이미지를 삽입하고 클릭합니다.

는 .on 방법 선택기를 지원하지 않기 때문에 표준 angular.element을 사용할 수 없습니다 공지 사항, 그래서 당신 대신 jQuery를 ol'good을 사용해야합니다.

plunker