2013-06-02 2 views
2

사용자가 편집기에서 그림을 첨부하려고 할 때 tinyMCE의 기능을 조작하려고합니다. 내가 성취하고자하는 것은 그림의 속성을 유지하는 것입니다. 따라서 사진을 선택하면 SIZE 선택, 방향 및 기타 모든 옵션에 대한 옵션을 비활성화하려고합니다. 이게 가능하고 그걸 할 수있는 방법은 ... 나는 웹을 검색했지만 운이 없다. 내 생각은 tinyMCE 이미지 플러그인 스크립트 파일을 열고 스크립트가 소요하는 값을 변경하고 인라인 스타일과 같은 삽입하는 것입니다. 그러나 더 우아한 솔루션이 있는지 알고 기꺼이 볼 수 있습니다. 사전에tinyMCE 이미지 기능을 조작하는 방법

감사합니다, Z.

답변

1

당신은 이미지에 unselectable=true 속성을 추가 할 수 있습니다. 이렇게하면 이미지의 크기를 조정할 수 없습니다. 나중에 db에 내용을 저장하기 전에 해당 특성을 제거 할 수 있습니다. 이미지의 특수 속성을 허용하지 않으려면 tinymce valid_elements 설정을 사용하여 허용되는 속성을 정의 할 수 있습니다.

UPDATE : 이것은 CSS는 크로스 브라우저 작업이 속성인가

img { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; /* IE10+ */ 
    user-select: none; 
} 
+0

이미지가 아닌 크기를 재조정 할 수 있도록하기 위해 TinyMCE에의 PARAM의 content_css를 사용하여 설정 될 필요가있다? 왜냐하면 나는 img 태그 속성을 변경하여 content.css를 통해 크기, 부동 및 기타 것들을 조작하는 데 성공했기 때문에 ... 그러나 나는 여전히 끌기에 관한 문제에 직면하고 있습니다. 또한 한 가지 더 흥미로운 문제가 있습니다 ... 이미지를 가져올 때 가끔 텍스트가 그 주위로 흐르지 않고 내 이미지를 아래로 밀어냅니다 ... – cyrat

+0

sry, 선택 취소 할 수있는 것은 IE 전용입니다. 다른 브라우저의 업데이트 된 게시물을 참조하십시오. – Thariama

+0

OK 이미지 주위에 떠 다니는 텍스트는 어떻습니까? 이미지가 추가 된 후 편집기가 비어있을 때 (단락의 텍스트 없음) 이미지를 추가하면 텍스트가 이미지를 아래로 밀어 내기 시작합니다 ... 일부 추적 후에 이미지가 내부에 추가되었다는 것을 알게되었습니다. 단락하지만 단락이 비어 있고 이미지를 추가하면 다른 단락이 DOM에 나타나고 이미지 주위에 텍스트가 흐를 수있는 글을 쓸 수 없습니다. – cyrat