plugin.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. tinymce.PluginManager.add('gallery', function(editor, url) {
  2. // 注册一个工具栏按钮名称
  3. editor.ui.registry.addButton('gallery', {
  4. text: '素材库',
  5. onAction: function (e) {
  6. $Gallery.GalleryDialogOpen({max:10,size:100,is_new:1,suffix:'bmp,gif,jpg,jpeg,png',type:'1', tabs:true,multiple:true,callback:function (res) {
  7. console.log(res.length);
  8. if(res.length > 1){
  9. $.each(res, function (key, val) {
  10. if(parseInt(val.type) === 1){
  11. var html='<p><img src="'+val.url+'" alt="'+val.original+'" width="" height="" /></p>';
  12. editor.insertContent(html);
  13. } else {
  14. tinyMCE.activeEditor.setContent(
  15. `<p>
  16. <span class="mce-preview-object mce-object-video" contenteditable="false" data-mce-object="video" data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="no" data-mce-p-scrolling="no" data-mce-html="%20">
  17. <video src=`+val.url+` width="100%" controls="controls"></video>
  18. </span>
  19. </p>`
  20. );
  21. }
  22. })
  23. } else {
  24. if(parseInt(res.type) === 1){
  25. var html='<p><img src="'+res.url+'" alt="'+res.original+'" width="" height="" /></p>';
  26. editor.insertContent(html);
  27. } else {
  28. tinyMCE.activeEditor.setContent(
  29. `<p>
  30. <span class="mce-preview-object mce-object-video" contenteditable="false" data-mce-object="video" data-mce-p-allowfullscreen="allowfullscreen" data-mce-p-frameborder="no" data-mce-p-scrolling="no" data-mce-html="%20">
  31. <video src=`+res.url+` width="100%" controls="controls"></video>
  32. </span>
  33. </p>`
  34. );
  35. }
  36. }
  37. }});
  38. }
  39. });
  40. return {
  41. getMetadata: function () {
  42. return {
  43. //插件名和链接会显示在“帮助”→“插件”→“已安装的插件”中
  44. name: "gallery",//插件名称
  45. url: "http://exampleplugindocsurl.com", //作者网址
  46. };
  47. }
  48. };
  49. });