为了便于讨论,我正在尝试将WYSIWYG编辑器TinyMCE添加到WordPress添加新注释字段。 (实际上,我正在攻击P2,但不要分心。)
我从textarea id =“posttext”开始。
点击会触发添加编辑器:tinyMCE.init({mode:“exact”,elements:“posttext”});
问题是,我还想使用WP Add Media。 Insert into Post在textarea上工作。但是一旦我初始化编辑器,WP就会忘记插入的位置。由于添加媒体与管理员帖子上的编辑器一起工作,我认为它是可能的,但有些东西我没有恰到好处。
另外,插入到帖子中的id =是什么?到目前为止,我认为它可以是posttext和content。
提前感谢您的帮助。
P.S。虽然我引起了您的注意,但是通过Ajax从TinyMCE编辑器提交更改需要了解一些特殊内容。 P2有一个简单的'textarea,我想要的是添加WYSIWYG。我有道理吗?
答案 0 :(得分: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。
Ajax Post示例:
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/