当前位置: 代码迷 >> HTML/CSS >> ExtJS htmlEditor终极扩展(插入图片[下传|链接]、插入表格、水平线等)
  详细解决方案

ExtJS htmlEditor终极扩展(插入图片[下传|链接]、插入表格、水平线等)

热度:845   发布时间:2012-10-09 10:21:45.0
ExtJS htmlEditor终极扩展(插入图片[上传|链接]、插入表格、水平线等)

众所周知,ExtJS的HtmlEditor功能极其简陋,基本没发适应常规的html编辑器的需求。为此,我在Ext官方网站上找了一个扩展,并集成到了G4平台中,其中修改了很多代码做了大量本地化的工作。
原始的版本大家可以在这里下载:
http://code.google.com/p/ext-ux-htmleditor-plugins/
经过我本地化和二次开发过的版本大家可以在这下载(已经集成到G4平台)

http://code.google.com/p/g4-xiongchun/

经过我修改后的特性包括:(新增了一些、删除了一些、汉化了一些)
1、图片插入,支持上传后插入也支持外链接插入。提示:原始的扩展插入图片是个空的,没有任何实现,只有个图标而已。

2、插入表格。

3、插入水平线。

4、以word模式粘帖。(自动过滤垃圾样式代码)

5、删除样式信息。


最后上一组图,比较直观



?


?

?

最后和大家分享一个最厚道最务实的开源平台:)

eRedG4(易道系统集成与应用开发平台)是一个开放源代码的、面向企业计算环境下异构系统集成与行业应用快速二次开发的平台。

您可以通过下面的地址获取到G4最新版本和相关资源:

GoogleCode项目主页

http://code.google.com/p/g4-xiongchun/
在线演示系统暨G4平台在线交流社区

http://web230531.host89.chinajsp.net

?

6 楼 eredlab 2011-05-20  
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

偶表示,你很有眼光。那是个基于模板的Excel导出封装。相关实现都在平台源代码里了。
7 楼 nneverwei 2011-05-20  
信春哥,得永生
8 楼 马伽角 2011-05-20  
我对你后面的模板感兴趣,,呵呵
9 楼 马伽角 2011-05-20  
eredlab 写道
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

偶表示,你很有眼光。那是个基于模板的Excel导出封装。相关实现都在平台源代码里了。

在哪个菜单里,,怎么没看就加见你的模板呢
10 楼 eredlab 2011-05-20  
马伽角 写道
eredlab 写道
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

偶表示,你很有眼光。那是个基于模板的Excel导出封装。相关实现都在平台源代码里了。

在哪个菜单里,,怎么没看就加见你的模板呢

你看报表里面有个Excel报表的菜单。你看那个功能的代码就找得到此模板了
11 楼 logicgate 2011-05-21  
楼主,你上传的那张美女照片我看过,哈哈。
12 楼 eredlab 2011-05-21  
logicgate 写道
楼主,你上传的那张美女照片我看过,哈哈。

偶不信 骗子    
13 楼 rainsilence 2011-05-21  
xl.js中有一处错误
14 楼 eredlab 2011-05-22  
rainsilence 写道
xl.js中有一处错误

没有这个脚本文件啊 楼上是不是发错了
15 楼 erikchang 2011-05-22  
N久以前就自己写过这样的东西了,个人认为找个美工做也没比ext好多了,需要Ext HTML编辑器扩展代码的同学可以找我!
16 楼 miss4813 2011-05-24  
密码是什么?
17 楼 eredlab 2011-05-24  
miss4813 写道
密码是什么?

developer/111111或者自己注册一个就行了哈 登录界面有注册链接
18 楼 luckyEveryOne 2011-05-28  
eredlab 写道
miss4813 写道
密码是什么?

developer/111111或者自己注册一个就行了哈 登录界面有注册链接

下载你的源码没有发现那个js文件 不过总体看架构不错 我们也是用EXT开发的
19 楼 luckyEveryOne 2011-05-28  
我没有发现那个js文件 有发现的吗
20 楼 xsz 2011-05-28  
我也没找到。
21 楼 eredlab 2011-05-28  
xsz 写道
我也没找到。

不至于吧 确认你下的是eRedG4V1.2.2版本 在这个路劲下面:
eRedG4_V1.2.2\WebRoot\resource\myux\uploadpanel
22 楼 luckyEveryOne 2011-05-28  
eredlab 写道
xsz 写道
我也没找到。

不至于吧 确认你下的是eRedG4V1.2.2版本 在这个路劲下面:
eRedG4_V1.2.2\WebRoot\resource\myux\uploadpanel

有点无语 你第一次说的和你第二次说的是一个地址吗 而且确实没有你扩展的htmlediter控件
23 楼 eredlab 2011-05-28  
luckyEveryOne 写道
eredlab 写道
xsz 写道
我也没找到。

不至于吧 确认你下的是eRedG4V1.2.2版本 在这个路劲下面:
eRedG4_V1.2.2\WebRoot\resource\myux\uploadpanel

有点无语 你第一次说的和你第二次说的是一个地址吗 而且确实没有你扩展的htmlediter控件

唉说错了 抱歉, 想成是上传组件了。这个编辑器扩展是在V1.2.2发布几天后弄的,在googlecode下载的压缩里还没有。6月份发布V1..3版本 到时候里面就包含里:(第一次说的路劲是对的)
/webroot/resource/myux/htmleditor/路径下
24 楼 luckyEveryOne 2011-05-30  
eredlab 写道
luckyEveryOne 写道
eredlab 写道
xsz 写道
我也没找到。

不至于吧 确认你下的是eRedG4V1.2.2版本 在这个路劲下面:
eRedG4_V1.2.2\WebRoot\resource\myux\uploadpanel

有点无语 你第一次说的和你第二次说的是一个地址吗 而且确实没有你扩展的htmlediter控件

唉说错了 抱歉, 想成是上传组件了。这个编辑器扩展是在V1.2.2发布几天后弄的,在googlecode下载的压缩里还没有。6月份发布V1..3版本 到时候里面就包含里:(第一次说的路劲是对的)
/webroot/resource/myux/htmleditor/路径下

那就是说目前还没有对吧  哦 那我到6月份再去挖坟  嘿嘿
25 楼 wilsonchen 2012-07-09  
请教,在extjs4中这个插件怎么用呢?
会报this.cmp.getToolbar().addButton is not a function的错误。
谢谢
  相关解决方案