TinyMCE에 내가 사용 TinyMCE에 에디터에 이미지를 추가하고

Question

크기 조정 이미지를 방지 할 수 있습니다. 그러나 사용자가 이미지를 클릭하면 이미지의 크기를 조절할 수 있습니다.

나는 방식이 있는지 알고 싶습니다 : (I 이미지에 대한 고정 종횡비를 유지 어떻게 예)

것은 완전히 방지 한 방향으로 만 크기를 조절 할 수있는 사용자

1. 방지 사용자가 이미지의 크기를 조정하려면

Answer 1

나는 (부분적인) 답변을 발견 했으므로 여기서 공유 할 생각입니다. 에디터 설정에서

'object_resizing' : false 

추가

는

크기 조정을 방지 할 수 있습니다. 이것은 Mozilla에서만 제공되는 기능입니다 (예 : Chrome에서 이미지의 크기를 조정할 수 없음).

나는 여전히 aspect ratio을 real time에 보관하는 방법을 찾고 있지만 실제로 가능한지 모르겠습니다.

Answer 2

크기 조정 핸들러 (예 : a jQuery handler)를 구현해야합니다. 이미지에 특성을 추가하여 치수를 저장하거나 가로 세로 비율을 유지하는 단일 설정을 사용하는 것이 도움이 될 수 있습니다. 이 경우 이미지의 속성을 허용하도록 tinymce 구성 설정 valid_elements를 조정합니다. 그렇지 않으면 주석이 제거됩니다.

resize가 실행되면 가로 세로 비율에 따라 새 크기를 조정하고 크기를 조정하십시오. 새 너비 또는 새 높이 (다른 값은 수정해야 함)를 사용하여 조정하십시오.

예 : 이미지 당신은 thetinymce setup configuration 매개 변수에 코드를 삽입 할 수있다 종횡비

을 들고 aspectratio 속성을 가지고

setup : function(ed) { 
     ed.onInit.add(function(ed) { 
     $(ed.getBody()).find('img').resize(function(event){ 

      $(event.target).css('width', parseInt (event.target.width * this.aspectratio) ); 

     }); 
     }); 
    } 

업데이트 :

I가 a tinymce fiddle을 만들었습니다 IE에서 사용할 예제를 보여줍니다.

Answer 3

간단하게 this little plugin을 tinyMCE에 추가 ​​할 수 있습니다. 사용했는데 아주 잘 작동합니다! 다음은 문서입니다. Link