ExtJS HtmlEditor 图片上传插件

ExtJS 是一套相当强大的WEB组件库。但它的 Ext.form.HtmlEditor 却有点差强人意。因为朋友需要。所以做了个实例。并封装成插件。以方便以后使用。

用法举例：

 

<mce:script type="text/javascript" src="js/Ext.ux.form.HtmlEditor.Picture.js" mce_src="js/Ext.ux.form.HtmlEditor.Picture.js"></mce:script> <link rel="stylesheet" type="text/css" href="js/Ext.ux.form.HtmlEditor.Picture.css" mce_href="js/Ext.ux.form.HtmlEditor.Picture.css" /> <mce:script type="text/javascript" src="js/swfupload.js" mce_src="js/swfupload.js"></mce:script>

 

Ext.QuickTips.init(); new Ext.form.HtmlEditor({ renderTo: Ext.getBody(), width: 600, height: 300, plugins: [ new Ext.ux.form.HtmlEditor.Divider(), new Ext.ux.form.HtmlEditor.Picture({ uploadUrl:'php/up-img.php', downloadUrl:'php/get-images.php', flashUrl:'js/swfupload.swf' }) ] });

 

在线演示地址：http://plugins.extgui.cn/htmleditor_plugins_picture/index.php