`
eredlab
  • 浏览: 58844 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
社区版块
存档分类
最新评论

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

 

  • 大小: 35.4 KB
  • 大小: 34.3 KB
  • 大小: 60.3 KB
分享到:
评论
28 楼 salcabar 2013-12-01  
我们是新组成的一个团队,很需要懂得extjs的大牛,有意的可以联系我~~QQ 393072161
27 楼 kouzigege 2013-09-14  
貌似2.X下不能用,我想加一个表格功能,痛苦死了
26 楼 huangwuyi 2013-02-18  
群主,求源码啊
这个不能访问啊 http://code.google.com/p/g4-xiongchun/
邮箱:413425430@qq.com
谢谢合作!
25 楼 wilsonchen 2012-07-09  
请教,在extjs4中这个插件怎么用呢?
会报this.cmp.getToolbar().addButton is not a function的错误。
谢谢
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月份再去挖坟  嘿嘿
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/路径下
22 楼 luckyEveryOne 2011-05-28  
eredlab 写道
xsz 写道
我也没找到。

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

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

不至于吧 确认你下的是eRedG4V1.2.2版本 在这个路劲下面:
eRedG4_V1.2.2\WebRoot\resource\myux\uploadpanel
20 楼 xsz 2011-05-28  
我也没找到。
19 楼 luckyEveryOne 2011-05-28  
我没有发现那个js文件 有发现的吗
18 楼 luckyEveryOne 2011-05-28  
eredlab 写道
miss4813 写道
密码是什么?

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

下载你的源码没有发现那个js文件 不过总体看架构不错 我们也是用EXT开发的
17 楼 eredlab 2011-05-24  
miss4813 写道
密码是什么?

developer/111111或者自己注册一个就行了哈 登录界面有注册链接
16 楼 miss4813 2011-05-24  
密码是什么?
15 楼 erikchang 2011-05-22  
N久以前就自己写过这样的东西了,个人认为找个美工做也没比ext好多了,需要Ext HTML编辑器扩展代码的同学可以找我!
14 楼 eredlab 2011-05-22  
rainsilence 写道
xl.js中有一处错误

没有这个脚本文件啊 楼上是不是发错了
13 楼 rainsilence 2011-05-21  
xl.js中有一处错误
12 楼 eredlab 2011-05-21  
logicgate 写道
楼主,你上传的那张美女照片我看过,哈哈。

偶不信 骗子    
11 楼 logicgate 2011-05-21  
楼主,你上传的那张美女照片我看过,哈哈。
10 楼 eredlab 2011-05-20  
马伽角 写道
eredlab 写道
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

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

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

你看报表里面有个Excel报表的菜单。你看那个功能的代码就找得到此模板了
9 楼 马伽角 2011-05-20  
eredlab 写道
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

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

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

相关推荐

    扩展ExtJs的HtmlEditor编辑器插入图片.pdf

    扩展ExtJs的HtmlEditor编辑器插入图片.pdf 扩展ExtJs的HtmlEditor编辑器插入图片是指在ExtJs框架中,使用HtmlEditor编辑器来实现图片的插入功能。HtmlEditor是ExtJs提供的一个富文本编辑器组件,提供了基本的文本...

    extjs htmleditor 图片上传和添加网络图片编辑器

    这个主题主要关注如何在ExtJS的HTMLEditor中实现图片的上传和添加网络图片功能。 首先,理解ExtJS HTMLEditor的基本结构和工作原理是至关重要的。HTMLEditor是一个组件,它可以将HTML代码作为输入,并提供类似于...

    htmleditor扩展插入图片功能,使用Extjs+servlet请求实现

    在Web开发中,富文本编辑器(HTML Editor)是一个常用工具,它允许用户在网页上进行类似Word的文本编辑操作,包括插入图片、链接等。本文将深入探讨如何使用ExtJS框架结合Servlet来扩展HTML Editor的插入图片功能。 ...

    ExtJsHtmlEditor 扩展

    ExtJs HtmlEditor 扩展 可上传视频上传文件上传图片

    Extjs_htmleditor插件

    1. **富文本编辑**:HTML Editor提供了一个可视化的编辑界面,用户可以像使用Word那样进行文本编辑,包括字体样式、大小、颜色、对齐方式、插入图片、链接、表格等操作。 2. **按钮和工具栏**:可以根据需求自定义...

    完整的Extjs4 htmleditor上传图片插件(包括实例和用法)

    在ExtJS4中,htmleditor是一个非常实用的组件,它允许用户在编辑器中进行HTML编辑,包括插入文本、格式化、链接创建等,而上传图片功能是增强编辑器功能的重要一环。本资源提供了一个完整的ExtJS4 htmleditor图片...

    extjs的HtmlEditor在chrome中高亮文字

    extjs 4.2 的HtmlEditor在chrome中高亮文字

    扩展的ExtJS HtmlEditor可处理Microsoft Word和表操作中的粘贴

    本主题聚焦于如何扩展ExtJS库中的HtmlEditor组件,以便更好地处理来自Microsoft Word的复制粘贴操作以及表格操作。HtmlEditor是ExtJS提供的一款强大的富文本编辑器,允许用户在网页中创建和编辑HTML内容,类似于桌面...

    ExtJS的编辑器HtmlEditor的一个图片插件

    HtmlEditor(编辑器)的一个图片插件,制作过程用到了图片上传等,采用Struts1.2 ,上传组件使用的是Cos,这个插件的意义并不在于插件本身,只是希望给要用ExtJS做文件上传或想做ExtJS插件的朋友提供一种思路 ...

    EXTJS扩展例子集

    这个"EXTJS扩展例子集"显然是一个包含EXTJS3.0相关扩展组件的资源包,旨在帮助开发者理解和学习如何使用这些扩展。 在EXTJS中,扩展(Extensions)通常是指对框架原有功能的增强或定制,它们可以是新的组件、小部件...

    Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现

    这篇博客文章"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"将详细介绍如何使用HtmlEditor以及如何实现图片上传和显示的功能。 首先,我们需要了解HtmlEditor的基本用法。HtmlEditor通常包含一个...

    Extjs4.2Html编辑器扩展

    扩展Extjs4.2的htmleditor,添加 “上传图片”,”上传附件”等功能。

    Extjs4.0终极教程+案例源码(超详细,针对4.0)

    Extjs4.0终极教程+案例源码(超详细,针对4.0) 目前最为卓越的4.0教程,还附加案例源码。白~吃,也能学会用extjs做页面

    EXtjs 图片批量上传

    本教程将深入探讨如何在ExtJS中实现图片的批量上传功能,以及与之相关的批量删除操作。 首先,批量上传图片的核心是利用HTML5的File API,它允许用户在不离开当前页面的情况下读取、处理和上传本地文件。在ExtJS中...

    Extjs4 combogrid扩展

    在给定的“Extjs4 combogrid扩展”中,我们主要关注的是如何将传统的下拉框(combo)扩展为同时支持网格(grid)显示的功能。 标题中的“Extjs4 combogrid扩展”意味着我们要在ExtJS 4框架内,改造原有的 Combo ...

    Extjs树分页组件扩展

    "Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...

    extjs多选 下拉框扩展

    ExtJS 是一个强大的JavaScript应用程序框架,用于构建交互式的Web...这个扩展可能包括了新的配置项、模板修改、事件处理、数据模型、方法以及行为调整等多个方面,使得在ExtJS应用中实现多选下拉框变得更加简单和便捷。

    ExtJs DWR扩展 DWRProxy、DWRTreeLoader、DWRGridProxy

    ExtJs和Direct Web Remoting (DWR) 是两种在Web应用程序中实现富客户端交互的技术。ExtJs是一个强大的JavaScript框架,用于构建用户界面,而DWR则是一个允许JavaScript直接调用服务器端Java方法的库,无需AJAX的...

    extjs扩展包

    本文是extjs的扩展包,可以在页面中插入图片,把这个js文件放入相应的目录下,extjs就是引用这个类型,就可以插入图片

    TextArea_HTMLEditor 编辑器 learning extjs 中文

    EXTJS中的TextArea_HTMLEditor是用于创建富文本编辑器的组件,它基于IFrame技术,提供了丰富的编辑功能,如字体样式调整、段落格式化、插入图片、链接等。这个组件允许用户以WYSIWYG(所见即所得)的方式编辑HTML...

Global site tag (gtag.js) - Google Analytics