jsp Ewebeditor使用说明

所属分类: 网络编程 / 网页编辑器 阅读数: 2114
收藏 0 赞 0 分享
<display-name>defaultroot</display-name>
<servlet>
<servlet-name>debugjsp</servlet-name>
<description>Added to compile JSPs with debug info</description>
<servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class>
<init-param>
<param-name>classdebuginfo</param-name>
<param-value>true</param-value>
</init-param>
<load-on-startup>3</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>debugjsp</servlet-name>
<url-pattern>*.jsp</url-pattern>
</servlet-mapping>
复制到你的应用中的WEB-INF/web.xml中;
3、把WEB-INF下的Style.xml和Button.xml复制到你的应用中的WEB-INF目录下;
4、把eWebEditor/WEB-INF/lib下的dom4j.jar和jspsmartupload.jar包复制到你应用的WEB-INF/lib下;
注:net.jar为ewebeditor原/WEB-INF/classes下的class文件,我把它打包后放到应用的lib下,以免跟其它class混淆;
5、在你要调用编辑器的代码中加入:
<IFRAME ID="eWebEditor1" name="content_html" src="../eWebEditor/eWebEditor.jsp?id=content&style=standard" frameborder="0" scrolling="no" width="650" height="350"></IFRAME>
<input type="hidden" name="content" />
在</head>前加入:
<script language="javascript">
function subchk() //
{
document.form1.content.value= window.content_html.getHTML();
}
</script>
提交表单时触发这个函数
把eWebEditor中的值复制到你的表单中,然后在你的form中调用它:
<form name="form1" onsubmit=" subchk()">
6、重新启动服务器即可。
二、设置:
界面修改:一般只修改/WEB-INF目录下面的style.xml和button.xml就可以了,button.xml为编辑界面配置文件,如果有菜单显示不全,可以在里面修改大小。
====================================================
上传图片路径设置:
//默认上传默认目录为xx/upload/,xx为你的根目录
//此处设置上传文件保存路径,注意路径要由ROOT开始===3处======================
//修改此处需修改WEB-INF/Style.xml文件对应处<suploaddir>/upload/</suploaddir>
//修改此处需修改eWebEditor.jsp文件对应处
//修改此处需修改upload.jsp文件对应处
例如要传到根目录的/upload/下面:
upload.jsp中
String sUploadFilePath="/upload/";
Style.xml中
<suploaddir>/upload/</suploaddir>
eWebEditor.jsp 中
String sUploadFilePath="../upload/";//设置文件上传后在ewebeditor编辑器中图片显示地址
这样就好了。
修改上传文件大小限制,在WEB-INF/style.xml中
<sfilesize>2000</sfilesize>//其它文件大小
<sflashsize>500</sflashsize>//flash文件大小
<sremotesize>1000</sremotesize>//发布内容大小
<simagesize>1000</simagesize>//图片文件大小
<smediasize>1000</smediasize>//多媒体文件大小
注意事项:
1、刚部署或调试时出现文件无法上传的情况,可以修改eWebEditor.jsp 中
String sUploadFilePath="../upload/";值或修改文件中字符,刷新后在改回正常值,即可恢复上传;
2、如果使用utf-8编码,需要在调用的jsp页面头部加入content-Type=”text/html; charset=utf-8”,不要使用filter对ewebeditor实行统一"UTF-8"或除gb2312以外的编码;
更多精彩内容其他人还在看

为SyntaxHighlighter添加新语言的方法

因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为SyntaxHighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享
收藏 0 赞 0 分享

syntaxhighlighter 去掉右上角问号图标的三种方法

syntaxhighlighter可以高亮着色显示几乎所有语言形式的源代码,还可以显示行号,是一款深受网站建设人员喜爱的工具,并且它还是免费的
收藏 0 赞 0 分享

百度编辑器ueditor前台代码高亮无法自动换行解决方法

这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题
收藏 0 赞 0 分享

FCKeditor 在chrome中不显示问题

今天在使用chrome打开后台的时候,发现FCKeditor编辑器菜单等都不显示,chrome确实不适合后台使用,以后还是继续ie核心的吧
收藏 0 赞 0 分享

ie9后浏览器fckeditor无法上传图片、弹出浮层内容不显示的解决方法

升级到IE9后,fckeditor在IE9里的弹出浮动层会出现bug,里面的内容不会出现。原因是IE9不支持var $=document.getElementById;这样的写法了
收藏 0 赞 0 分享

FCKeditor编辑器添加图片上传功能及图片路径问题解决方法

现在很多CMS系统因为安全原因会把后台编辑器里的上传功能给去除,但这样一来对实际使用过程造成了很多麻烦,今天我们以ASPCMS系统的FCKeditor编辑器为例,说明一下如何增加图片上传功能
收藏 0 赞 0 分享

CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入图片)

CKEditor 是著名的 HTML 编辑器,IBM、Oracle、Adobe 等都在用。CKEditor 创建于 2003 年,其前身为 FCKEditor,在 2009 年的时候把“F”去掉了,更名为 CKEditor。
收藏 0 赞 0 分享

CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入图片)

一般来说,我们在编辑内容时,先是读入到 textarea,再将 textarea 的内容赋给编辑器。
收藏 0 赞 0 分享

FCKEditor 自定义用户目录的修改步骤 (附源码)

FCKEditor 自定义用户目录的修改步骤 (附源码) ,需要的朋友可以参考下。
收藏 0 赞 0 分享

FCKeidtor 清除编辑器内容的代码

FCKeidtor清除编辑器内容的代码,需要的朋友可以参考下。
收藏 0 赞 0 分享
查看更多