\u516c\u53f8\u7ba1\u7406\u540e\u53f0\u7684\u7f16\u8f91\u5668\u4e0d\u597d\u7528\uff0c\u88ab\u516c\u53f8\u8fd0\u8425\u7f20\u7740\u4e0d\u653e\uff0c\u8981\u6539\u3002\u4e8e\u662f\u627e\u4e86\u4e00\u5708\uff0c\u8c8c\u4f3csummernote\u624d\u597d\u4f7f\u4e00\u70b9\u3002\u4f46\u8fd9\u4e2a\u7f16\u8f91\u5668\u6ca1\u6709\u4e0a\u4f20\u529f\u80fd\uff0c\u4e8e\u662f\u505a\u4e86\u4e00\u4e2a\u3002\u6211\u672c\u6765\u662f\u5199PHP\u540e\u7aef\u7684\u3002\u3002\u3002<\/p>\n\n\n\n
(function(factory) {\n \/* global define *\/\n if (typeof define === 'function' && define.amd) {\n \/\/ AMD. Register as an anonymous module.\n define(['jquery'], factory);\n } else if (typeof module === 'object' && module.exports) {\n \/\/ Node\/CommonJS\n module.exports = factory(require('jquery'));\n } else {\n \/\/ Browser globals\n factory(window.jQuery);\n }\n}(function($) {\n\n $.extend($.summernote.options, {\n upload: {\n uploadUrl:'',\n token:'',\n }\n });\n\n \/\/ Extends plugins for adding hello.\n \/\/ - plugin is external module for customizing.\n $.extend($.summernote.plugins, {\n \/**\n * @param {Object} context - context object has status of editor.\n *\/\n 'upload': function(context) {\n var self = this;\n\n \/\/ ui has renders to build ui elements.\n \/\/ - you can create a button with `ui.button`\n var ui = $.summernote.ui;\n\n \/\/ add hello button\n context.memo('button.upload', function() {\n \/\/ create button\n var button = ui.button({\n contents: '<i class="fa fa-file-archive-o"\/> \u4e0a\u4f20',\n tooltip: '\u4e0a\u4f20\u56fe\u7247\uff0c\u97f3\u9891\uff0c\u89c6\u9891\u7b49',\n click: function() {\n self.$panel.click()\n }\n });\n\n \/\/ create jQuery object from button instance.\n return button.render();\n });\n\n \/\/ This events will be attached when editor is initialized.\n this.events = {\n \/\/ This will be called after modules are initialized.\n 'summernote.init': function(we, e) {\n \/\/console.log('summernote initialized', we, e);\n },\n \/\/ This will be called when user releases a key on editable.\n 'summernote.keyup': function(we, e) {\n \/\/console.log('summernote keyup', we, e);\n }\n };\n\n \/\/ This method will be called when editor is initialized by $('..').summernote();\n \/\/ You can create elements for plugin\n this.initialize = function() {\n this.$panel=$('<input type="file" multiple>').css({'display':'none'});\n this.$panel.change(function(){\n var $this=$(this);\n var files=$this[0].files;\n console.log('files',files);\n for(var i =0;i<files.length;i++){\n var fd=new FormData();\n var file=files[i];\n console.log(file);\n fd.append('file',file);\n fd.append('_token',context.options.upload.token);\n $.ajax({\n url: context.options.upload.uploadUrl,\n type: 'POST',\n cache: false,\n data: fd,\n processData: false,\n contentType: false,\n success:function(res){\n console.log(res);\n if(res.status){\n var fileType=file.type.split('\/');\n switch (fileType[0]) {\n case 'image':\n context.invoke('editor.insertImage', res.data.src);\n break;\n case 'audio':\n var audio=document.createElement('audio');\n audio.src=res.data.src;\n audio.controls=true;\n context.invoke('editor.insertNode', audio);\n break;\n case 'video':\n var video=document.createElement('video');\n video.src=res.data.src;\n video.controls=true;\n video.style.height='auto';\n video.style.maxWidth='100%';\n context.invoke('editor.insertNode', video);\n break;\n default:\n context.invoke('editor.createLink', {url:res.data.src,text:file.name});\n }\n }\n },\n error:function(){\n\n },\n complete:function(){\n $this.val('')\n }\n });\n }\n });\n };\n\n \/\/ This methods will be called when editor is destroyed by $('..').summernote('destroy');\n \/\/ You should remove elements on `initialize`.\n this.destroy = function() {\n this.$panel.remove();\n this.$panel = null;\n };\n }\n });\n}));<\/code><\/pre>\n\n\n\n\u63d2\u4ef6\u7684\u4e0a\u4f20\u53c2\u6570\u914d\u5408\u4e86\u516c\u53f8\u7684laravel\u6846\u67b6\uff0c\u7528\u7684\u65f6\u5019\u6ce8\u610f\u4fee\u6539\u3002<\/p>\n\n\n\n
$.extend($.summernote.options, {\n\n upload: {\n\n uploadUrl:'',\n\n token:'',\n\n }\n\n });<\/code><\/pre>\n\n\n\n\u8fd9\u91cc\u53ef\u4ee5\u4fee\u6539\u4f20\u5165\u53c2\u6570<\/p>\n\n\n\n
var fd=new FormData();\n\nvar file=files[i];\n\nconsole.log(file);\n\nfd.append('file',file);\n\nfd.append('_token',context.options.upload.token);\n<\/code><\/pre>\n\n\n\n\u8fd9\u91cc\u662fajax\u7684\u4e0a\u4f20\u53c2\u6570\u3002 <\/p>\n\n\n\n