论坛首页 Web前端技术论坛

ExtJs htmleditor重写以及上传图片并显示

浏览 6189 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-11-24  
var form_items  = [{
			layout : 'form',
			labelAlign: 'top',
            frame: true,
			items : [{
				xtype : 'imagehtmleditor',
				height : window.screen.availHeight*0.3,
				width : '98%',
				name : 'itemContent',
				id :'itemContent',
				anchor : '100%',
				hideLabel :true,
				enableSourceEdit:false,
				imagesLoadUrl: this.imagesLoadUrl,
	            imagesDelUrl: this.imagesDelUrl,
	            uploadUrl: this.imagesUploadUrl,
	            imagesDataRecord: Ext.data.Record.create(
			        [{
			            name : "imageId"
			        }, {
			            name : "infoId"
			        }, {
			            name : "title"
			        }, {
			            name : "fileName"
			        }, {
			            name : "filePath"
			        }, {
			            name : "fileType"
			        }]
			    ),
	            dataid: this.imagesDataid,
	            imgUploadFieldName: this.imgUploadFieldName,	
	            dataBoxMapping: {
			        qtip: 'title',
			        imgUrl: 'filePath',
			        text: 'fileName'
			    },
	            rootPath: this.rootPath		
				/*fontFamilies:['Tahoma','宋体','楷体_GB2312','隶书','黑体'],
				createLinkText:'请输入URL链接网址',
				anchor : '100%',
				hideLabel :true,
				name : 'itemContent',
				id :'itemContent',
				border : false,	
				height : window.screen.availHeight*0.3,
				width : '98%',
				enableSourceEdit:false,
				border:false*/
			}]			
		},{
			columnWidth : 1,
			layout : 'form',
			border : false,
			items : [{
				xtype : 'textarea',
				name : 'itemDesc',
				id :'itemDesc',
				anchor : '99%',
				width : '98%',
				height : window.screen.availHeight*0.13,
				cls : 'area_label',
				value : '',
				hideLabel :true,
				readOnly : true
			}]
		 }];

1.点击编辑器的图片按钮,会出现提示,如下图:

2.选择要上传的图片,点击上传,并显示,如下图:

3.通过双击可以查看原图,如下图:

4.点击插入图片,并显示到文本编辑器里,如下图:

  • 大小: 32.3 KB
  • 大小: 32.3 KB
  • 大小: 38.6 KB
  • 大小: 48.1 KB
  • 大小: 31.2 KB
   发表时间:2012-06-14  
我试了下没有用啊,楼主可否贴出完整的代码
0 请登录后投票
   发表时间:2012-06-15  
小汤姆 写道
我试了下没有用啊,楼主可否贴出完整的代码

可以,我找找看,好久没写EXT了
0 请登录后投票
   发表时间:2012-06-18  
Firefox之类的浏览器也可以实现不上传而预览吗?
0 请登录后投票
   发表时间:2012-06-29  
求楼主完整的代码.............
0 请登录后投票
   发表时间:2012-07-18  
怎么没有用。。求楼主贴完整代码.....
0 请登录后投票
   发表时间:2012-07-18  
hejiang369 写道
怎么没有用。。求楼主贴完整代码.....

明天到公司找找看。
0 请登录后投票
   发表时间:2012-07-23  
咦,LZ出现了,求解惑:
我之前看的资料是说只有在IE上可以不上传直接预览,FF、Chrome之类的都不行,你是怎么实现的啊?
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics