2013-02-25 99 views
1

爲了討論的緣故,我試圖將所見即所得編輯器TinyMCE添加到WordPress添加新評論字段。 (其實,我正在盜用P2,但我們不要分心。)TinyMCE和WordPress媒體管理器 - 插入後不工作

我以textarea id =「posttext」開頭。點擊觸發器添加編輯器:tinyMCE.init({mode:「exact」,elements:「posttext」});

問題是,我也想用WP Add Media。插入帖子在textarea上工作。但是,一旦我啓動編輯器,WP就會失去在哪裏插入。由於添加媒體與編輯在Admin帖子上工作,我認爲這是可能的,但有一些我沒有正確的。

另外,什麼id =插入郵政尋找?到目前爲止,我認爲它可以是文章和內容。

在此先感謝您的幫助。

p.s.當我引起你的注意時,有什麼特別的我需要知道關於通過Ajax從TinyMCE編輯器提交更改。 P2有一個普通的ol'textarea,我想要的是添加WYSIWYG。我有道理嗎?

回答

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和所有img附件信息(包括nonce)。

例阿賈克斯帖子:

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將等於#pages_contents您可以通過JS/JQuery手動添加內容。

有了這些,我唯一擔心的就是如何顯示添加媒體的內容和上傳/ img管理的功能。這個特定的部分需要一些我相信的權限,並且會導致它可以控制當前網站上的圖片。我希望看到你如何處理在評論部分顯示這些信息和實際用法的任務。

我知道這個插件是過時的,可能甚至不工作,但它可以幫助你​​3210

+0

謝謝。回覆:「基本上,一旦選擇了一個圖片項目並且點擊」插入到帖子「按鈕,它就會運行Ajax腳本併發送操作:send-attachment-to-editor和所有img附件信息,包括nonce。」但是我猜這不是在發生?或者我的TinyMCE沒有「聽到」這個消息?我讀過你分享的內容,但我仍然有點模糊。也許你可以給我一對夫婦「試試這個......」如果不是「試試這個......」。至於上傳者,我只是使用P2中已經存在的內容(http:// p2theme。com)不同的是,我想要所見即所得和媒體添加任何東西 – 2013-02-25 13:27:04

+0

我不知道這是否會在新版本上工作。這裏是關於這個主題的參考http://wordpress.org/support/topic/p2-123-clicking-add-media-opens-up-error-page?replies=7#post-2094178 – 2013-02-25 14:23:33

+0

我會檢查以及。只是爲了澄清,添加新媒體*是*工作。我可以將它添加到「主動」測試區域。問題是,如果我將該textarea更改爲TinyMCE編輯器,那麼WP不再看到它,也不會執行插入操作。我必須錯過一個設置或什麼,問題是......什麼?有什麼想法嗎?非常感激。 – 2013-02-25 16:49:40