TinyMCE 및 WordPress Media Manager - 게시물이 작동하지 않음

Question

이 토론을 위해 WordPress의 새로운 설명 추가 필드에 WYSIWYG 편집기 인 TinyMCE를 추가하려고합니다. (실제로 P2를 해킹하고 있지만주의를 산만하게하지 마십시오.)

나는 텍스트 영역 id = "posttext"로 시작합니다.

클릭하면 편집기가 추가됩니다. tinyMCE.init ({mode : "exact", elements : "posttext"});

catch는 WP 추가 미디어를 사용하고 싶습니다. 글에 삽입은 텍스트 영역에서 작동합니다. 하지만 일단 에디터를 초기화하면 WP는 어디에 삽입해야하는지 추적합니다. Add Media는 관리자 포스트에서 에디터와 함께 작동하기 때문에 가능한 일이지만 내가 옳지 않은 것이 있습니다.

또한 id =는 Insert into Post 모양입니까? 지금까지 나는 그것을 문맥과 내용이 될 수 있다고 생각했습니다.

미리 도움을 주셔서 감사합니다.

p.s. 내가주의를 기울이는 동안 TinyMCE 편집기에서 Ajax를 통해 변경 사항을 제출하는 것에 대해 알아야 할 특별한 내용이 있습니까? P2는 plain ol 'textarea를 가지고 있습니다. 원하는 것은 WYSIWYG를 추가하는 것입니다. 나는 이해가 되니?

Answer 1

정보를 위해 TinyMCE는 /wp-admin/admin-ajax.php의 Ajax 스크립트를 사용하여 send-attachment-to-editor라는 작업을 제출합니다.

이 기능은 버튼, 그것은 실행 "게시 삽입"기본적으로 한 번 이미지 항목을 선택 /wp-includes/js/media-editor.min.js

return wp.media.post("send-attachment-to-editor",{nonce:wp.media.view.settings.nonce.sendToEditor,attachment:d,html:e,post_id:wp.media.view.settings.post.id}) 

의 내부와 타격 이후 Ajax 스크립트를 작성하고 send-attachment-to-editor 및 nonce를 포함한 모든 img 첨부 정보를 보낸다.

예 아약스 포스트 :

nonce=70b38cc7e2&attachment%5Bid%5D=824&attachment%5Bpost_content%5D=Specialized+S+Works+custom+work+by+Decal+Spec&attachment%5Bpost_excerpt%5D=&attachment%5Burl%5D=http%3A%2F%2Fdecal-spec.com%2Fwp-content%2Fuploads%2F2013%2F02%2FS-Works-5256.jpg&attachment%5Balign%5D=none&attachment%5Bimage-size%5D=large&attachment%5Bimage_alt%5D=Specialized+S+Works+Project&html=%3Ca+href%3D%22http%3A%2F%2Fdecal-spec.com%2Fwp-content%2Fuploads%2F2013%2F02%2FS-Works-5256.jpg%22%3E%3Cimg+src+width%3D%22625%22+height%3D%22942%22+alt%3D%22Specialized+S+Works+Project%22+class%3D%22wp-image-824+alignnone+size-large%22+%2F%3E%3C%2Fa%3E&post_id=0&action=send-attachment-to-editor 

다음이 당신을 통해 요청한 IMG로 응답하고 편집기 안에 넣는다 :

{"success":true,"data":"<a href=\"http:\/\/decal-spec.com\/wp-content\/uploads\/2013\/02\/S-Works-5256.jpg\"><img src=\"http:\/\/decal-spec.com\/wp-content\/uploads\/2013\/02\/S-Works-5256-679x1024.jpg\" alt=\"Specialized S Works Project\" width=\"625\" height=\"942\" class=\"alignnone size-large wp-image-824\" \/><\/a>"} 

그리고 두 번째 질문에 대해 나는 기본 내용으로 생각 영역 ID는 # page_contents과 같으며 JS/JQuery를 통해 직접 콘텐츠를 추가 할 수 있습니다.

내가 가진 유일한 관심사는 미디어 추가 및 업로드/img 관리 기능의 내용을 어떻게 보여줄 것인가입니다. 이 특정 섹션에는 내가 믿는 일부 권한이 필요하며 현재 사이트에있는 그림을 제어 할 수 있습니다. 코멘트 섹션에서이 정보와 실제 사용법을 표시하는 작업을 어떻게 처리 할 수 ​​있는지 알고 싶습니다.

나는이 플러그인은 유효 기간이 알고 아마 작동하지 않습니다하지만 당신 http://wordpress.org/extend/plugins/tinymcecomments/