TinyMCE에서 base64로 이미지를 인코딩하는 방법은 무엇입니까? <pre><code>{ ... plugins: 'code paste', paste_data_images: true, ... } </code></pre> <p>나는 간단한 약물을 통해 사진을 추가하고 TineMCE 드롭</p>가 로컬 이미지의 Blob 인코딩 된 이미지로 나타납니다

Question

이 내 TinyMCE에 설정의 일부입니다. base64로 인코딩하려고합니다. 그것에 대해 아무것도 찾을 수 없습니다. 단지 :

images_upload_handler: function (blobInfo, success, failure) { 
    success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64()); 
} 

나는 무엇을 할 수 있습니까?

Answer 1

이러한 이미지가 서버로 전송되면 실제로 Base64로 인코딩 된 이미지입니다. 브라우저는 내용을 붙여 넣거나 편집기로 드래그 할 때 blob URL을 보여줍니다.

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/

효과적으로 당신이 때 이미지를 처리하기 위해 서버 측 코드가 필요합니다 :이 문서 페이지를 보면

는 당신이 이미지 편집기로 드래그/붙여 넣기 할 때 할 TinyMCE를 구성 할 수 있습니다 무엇을 설명 TinyMCE는이를 서버로 보냅니다. 대부분의 사람들은 클라이언트 측에 대한 자신의 이미지 처리 코드를 작성할 필요가 없습니다 - 그냥 파일을 보낼 위치를 편집기를 이야기하는 images_upload_url 매개 변수를 구성 할 수 있습니다

이

https://www.tinymce.com/docs/configure/file-image-upload/#images_upload_url

실제 작업입니다 그 파일을 올리면 그걸로 무엇을합니까? 서버 쪽 코드를 작성하여 Base64 이미지를 처리하고 서버에 저장해야합니다. 그런 다음 TinyMCE에게 이미지의 src 속성을 입력 할 내용을 알려주는 JSON을 반환합니다.

업로드 된 이미지가 여기에 포함되면 무엇을해야하는지에 대한 과정 :

https://www.tinymce.com/docs/advanced/handle-async-image-uploads/#imageuploaderrequirements