2011-12-13 2 views
8

나는 tinymce 플러그인 또는 외부 이미지를 드래그 앤 드롭 이미지 업로드 및 삽입을 허용하는 tinymce에 쉽게 통합 할 수있는 외부 jquery 솔루션을 찾고 있습니다. 이미지를 직접 드롭하거나 textarea 자체 또는 정의 된 "드롭 존"에서 Wordpress의 새로운 미디어 업로드 버튼과 비슷한 기능을 제공합니다.드래그 앤 드롭 이미지 및 업로드 플러그인

갤러리 브라우저 나 이미지 저장소 관리와 같은 추가 기능을 원하지 않으며 이미 여러 플러그인을 사용해 보았습니다. 고객이 너무 지루하고 복잡한 것을 발견하면 이미지를 삭제하고 잊어 버릴 수 있습니다. 그는 그 이미지를 다시는 사용하지 않을 것입니다.

+0

안녕하세요. Borgtex. 해결책을 찾았습니까? 나는 비슷한 것을 찾고있다. – rassom

+2

나는 이런 식으로해야만했다. 내 해결책은 base64 이미지를 서버에 전송 한 다음 서버 쪽에서 DOM에서 base64 uris를 추출하고 파일에 쓰고 SRC를 새로 만든 파일의 경로로 바꾸고 제출하는 것입니다. 텍스트를 데이터베이스에 보냅니다. – chiliNUT

+0

@chiliNUT 흥미로운 솔루션입니다. 이것으로 계속 성공 했습니까? 매우 큰 이미지는 어떨까요? 거기에 문제가 있습니까? – Manachi

답변

2

어떤 브라우저를 지원해야합니까?

이미지를 TinyMCE 텍스트 영역으로 드래그 앤 드롭 했습니까? base64로 이미지를 인코딩하고 해당 인코딩을 이미지 태그의 src 속성 값으로 사용합니다. 고객이 "다시는 그 이미지를 사용하지 않을 것"이기 때문에 임시 해결책이 될 수 있습니다. 특히 이미지가 로고와 같이 매우 작을 경우 더욱 그렇습니다.

또는 드래그 앤 드롭 업로드 기능에 대해 많은 사람들이 https://github.com/valums/file-uploader으로 성공했지만 TinyMCE와 통합하는 방법을 잘 모르겠습니다.

+0

아니요, 인코딩 base64의 이미지는 옵션이 아닙니다. 이미지를 지원하지 않는 브라우저에서 볼 수 있기 때문에 이미지의 크기가 다를 수 있습니다. 나는 몇 가지 성공과 함께 valums 파일 업 로더로 그것을하려고 노력했지만 제한된 자바 스크립트 지식과 예제의 부족으로 내 요구에 그것을 적응하기가 매우 어렵습니다. – Borgtex

관련 문제