`
eredlab
  • 浏览: 58981 次
  • 性别: 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
分享到:
评论
8 楼 马伽角 2011-05-20  
我对你后面的模板感兴趣,,呵呵
7 楼 nneverwei 2011-05-20  
信春哥,得永生
6 楼 eredlab 2011-05-20  
vision2000 写道
我对后面的那个类似Excel的表格很有兴趣

偶表示,你很有眼光。那是个基于模板的Excel导出封装。相关实现都在平台源代码里了。
5 楼 vision2000 2011-05-20  
我对后面的那个类似Excel的表格很有兴趣
4 楼 eredlab 2011-05-20  
javaqiang 写道
同问,厚道务实的话就上传扩展后的 独立 js文件

自己下载平台代码去找 都在里面  /webroot/resource/myux/htmleditor/路径下
3 楼 javaqiang 2011-05-20  
同问,厚道务实的话就上传扩展后的 独立 js文件
2 楼 zhipingch 2011-05-20  
同问,能否上传扩展后的 独立 js文件吗?
1 楼 jayxu 2011-05-19  
能上传一个单独的plugin js文件不?

相关推荐

    扩展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