前天在“我来玩吧”项目中,需要嵌入一个编辑器插件,并且需要有图片上传功能,刚开始的时候选用了fckeditor,后来发现fckeditor虽然功能非常齐全,但很多冗余功能,图片上传功能界面也非常丑陋,图片上传还容易出问题(应该是自己编码问题),最要命的是fckeditor这个编辑器在页面加载速度忒慢了,简直不能忍受后来决定选取NicEdit这个轻量级的编辑器,界面相对比较友好,控件页面加载速度比较快,唯一不舒服的就是NicEdit的图片上传功能。百度、google了一下,网上NicEdit图片上传大多数都是PHP的解决方案,jsp开发的几乎没有。自己只能在官网下载了nicedit的相关js和依赖文件,写nicedit的图片上传功能。
下面是压缩包是用jsp实现的nicedit图片上传功能demo,有需要的同学可以下载直接访问nic.jsp文件看一下效果
如果在需要在工程里面引用,需要注意一下相关文件的路径:
1.在nicEdit.js文件里“nicURI :”这一行,upload.jsp是处理文件上传的jsp文件,在实际项目中根据他的实际路径修改
2.nicEditorIcons.gif图片路径再nicEdit.js中的引用路径根据项目中nicEditorIcons.gif的实际路径修改
3.必要的jar包需要导入,图片上传应用了jspsmart控件
分享到:
相关推荐
NicEdit官方API帮助文档,英文PDF版!
NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式...
NicEdit富文本编辑器是一个非常简洁的轻量级网页编辑器插件,跨平台的Inline Content Editor。
这是一个相当轻量级的 所见即所得编辑器, 跨平台的Inline Content Editor。NicEdit能够让任何 ...NicEdit是我见过最轻量级的富文本编辑器,总共就一个JS文件和一张图片,经过我在项目里的使用情况来看,相当好用。
最新版 nicEdit 支持图片上传,和压缩保存 php版 具体应用时,注意 文件路径
上传功能需要自己添加,nicEdit除了上传功能外,几乎包括了常用的网页文字编辑功能,包括排版、字体样式设计、表格插入、图片插入等,若对编辑器上传功能无要求的话,nicEdit应该来说是很不错的。
最轻量级的的web页面富文本编辑器,只需要一个js文件和一个gif文件。
轻量级文本编辑器,使用于各种论坛,下载后可以直接调用,非常方便
js不超过100K,简单易用,附有Demo
ajax无刷新的编辑器,所见即所得!兼容各浏览器 具体如何结合后台可以参考官方网站http://nicedit.com的说明。
简单使用的JavaScript文本编辑器!
NULL 博文链接:https://zhuyuehua.iteye.com/blog/1975221
NicEdit 是一个轻量级,跨平台,内联的内容编辑器。能够使你很容易地浏览器上实时的编辑站点内容。NicEdit Javascript 能够快速地整合到任一站点中并使得任一元素/DIV变的可以编辑或将标准文本区域转变成富文本形式...
别人写好的例子,好东西大家一起共享。...只有一个js文件和一张图片,总共才200k. 不依赖jQurey。 上传的代码可以自己实现,传回参数也可以不需要用到json包。但是如果你图方便,也可以copy到工程直接使用。
一款优秀的富文本编辑器,非常轻,适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
JS 插件 NicEdit 富 文本编辑器特效源码, 其中强大的功能, 实现更为丰富的页面显示效果
JS 插件NicEdit富文本编辑器特效源码.zip
demo1中的方法是给页面中所有textarea增加编辑器 demo2中的这个方法是给文本框加载编辑器 可以按照需求加载编辑器按钮 bkLib.onDomLoaded(function...js文件中iconsPath : 'nicEditorIcons.gif'语句设置编辑器图片路径
这是一款很好用的简洁html编辑器,只有1个js文件....可以只有控制功能等