再jsp页面中使用kindeditor 的方法

于 2019-06-22 00:06:00 发布
阅读量194 收藏
点赞数
原文链接：http://www.cnblogs.com/hzyhx/p/11067392.html
版权

第一步：在eclipse中创建一个动态web工程

第二步：在webcontent目录下创建一个目录

第三步：再将css和js放到刚建的目录下

第四步：打开http://kindeditor.net/ke4/examples/default.html网站

第五步：【右击】、【查看网页源代码】、复制所有代码

第六步：在webcontent下建一个jsp文件，文件名为index.jsp

第七步：将复制的代码放到index.jsp中

运行结果：

 

转载于:https://www.cnblogs.com/hzyhx/p/11067392.html

ajaejpb2472710
关注
Kindeditor在JSP项目中的应用
wenxianyang的博客
01-20 723
最近在做富文本编辑器的功能，就把Kindeditor如何引入项目简单记录下来。 1.官网下载jsp版本的Kindeditor，链接：点击打开链接 2.按照下载的Readme试试能不能正常使用。 3.将下载的Kindeditor放进项目中，如图所示 4.打开Kindeditor可以看到默认的文件图片以及文件管理是attached，使用默认的地址，记得在项目根目录中新建一个名为atta
jsp+kindeditor html 页面编辑
11-15
集成KindEditor到JSP项目中，首先需要将KindEditor的资源文件（如js、css、images等）部署到服务器的公共目录，然后在JSP页面中通过`<script>`标签引入KindEditor的JavaScript库。接下来，我们需要创建一个div元素...
kindeditor在jsp中如何使用
01-11
kindeditor在jsp中如何使用。我的经验总结。贡献出来供大家学习，少走弯路。
jsp如何使用kindeditor
rj2017211811的博客
03-12 278
1.https://github.com/kindsoft/kindeditor下载kindeditor 2.把kindeditor引入项目中 &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css&quot;&amp;gt; &amp;lt;script ty
Kindeditor在线HTML富文本编辑器使用入门
热门推荐
学亮编程手记
12-23 1万+
KindEditor 是一套开源的 HTML 可视化编辑器，主要用于让用户在网站上获得所见即所 得编辑效果，兼容 IE、Firefox、Chrome、Safari、Opera 等主流浏览器。 kindeditor官方网站网址： http://kindeditor.net/demo.php 解压下载包，开发中只需要导入选中的文件（通常在 webapp 下，建立 editor 文件夹 ）
JSP kindeditor编辑器使用，能上传图片，解决乱码问题
03-07
在本文中，我们将深入探讨如何在JSP环境中使用KindEditor编辑器，以及如何解决与上传图片和乱码问题相关的挑战。KindEditor是一款功能强大的HTML在线编辑器，它为用户提供了一个类似Word的界面来编辑网页内容。以下...
KindEditor+jsp
04-29
在"KindEditor+jsp"的场景下，开发者通常会创建一个JSP页面，将KindEditor嵌入其中，以实现用户可以在网页上进行文字编辑、格式调整、图片上传等操作。在处理表单提交时，需要注意的一个关键点是，由于KindEditor是...
jsp中kindeditor的用和遇到的问题总结附上项目配置
04-04
3. **创建编辑器实例**：在JSP页面中，通过JavaScript创建KindEditor实例。通常会为一个特定的HTML元素（如textarea）绑定编辑器： ```javascript KindEditor.ready(function(K) { K.create('textarea[name=...
kindeditor的JSP示例
10-15
官网下载的需要更改的东西比较多，这是最小集成，附带demo示例jsp/demo.jsp。简洁好用，只需直接调用即可。
kindEditor富文本编辑器（JSP版）
05-26
NULL 博文链接：https://liwenshui322.iteye.com/blog/516821
kindeditor JSP版支持kindeditor4.0.3
11-18
自己修改的别的包，只为了以后自己用的时候可以方便找到 1.将以下的JAR包放到工程的lib目录下 * commons-fileupload-1.2.1.jar * commons-io-1.4.jar * kindeditorservlet.jar 2.web.xml 的servlet及相关属性设置 <!-- 图片上传的SERVLET --> <servlet> <servlet-name>UploadImage</servlet-name> <servlet-class>com.elkan.kindeditor.upload.UploadImage</servlet-class> <!-- 上传图片保存的目录 --> <init-param> <param-name>UPLOAD_PATH</param-name> <param-value>uploadImg/</param-value> </init-param> <!-- 限制上传图片的大小，单位字节(缺省值为1MB) --> <init-param> <param-name>MAX_SIZE</param-name> <param-value>1024000</param-value> </init-param> <init-param> <!-- 上传图片的类型(缺省值为gif, jpg, jpeg, png, bmp) --> <param-name>IMAGETYPES</param-name> <param-value>jpg,png,bmp,jpeg,gif</param-value> </init-param> <!-- 上传图片的宽度，大于此宽度时图片会被压缩(缺省为不限定) --> <init-param> <param-name>MAX_WIDTH</param-name> <param-value>500</param-value> </init-param> <!-- 上传图片的高度，大于此高度时图片会被压缩(缺省为不限定) --> <init-param> <param-name>MAX_HEIGHT</param-name> <param-value>500</param-value> </init-param> </servlet> <!-- 图片上传管理的SERVLET --> <servlet> <servlet-name>UploadImageManager</servlet-name> <servlet-class>com.elkan.kindeditor.upload.UploadImageManager</servlet-class> <!-- 上传图片保存的目录 --> <init-param> <param-name>UPLOAD_PATH</param-name> <param-value>uploadImg/</param-value> </init-param> </servlet> <!-- 附件上传的SERVLET --> <servlet> <servlet-name>UploadAccessory</servlet-name> <servlet-class>com.elkan.kindeditor.upload.UploadAccessory</servlet-class> <!-- 上传附件保存的目录 --> <init-param> <param-name>UPLOAD_PATH</param-name> <param-value>uploadAttach/</param-value> </init-param> <!-- 上传附件的大小，单位字节(缺省为1MB) --> <init-param> <param-name>MAX_SIZE</param-name> <param-value>1000000</param-value> </init-param> <!-- 上传文件的类型(缺省为doc, xls, ppt, pdf, txt, rar, zip) --> <init-param> <param-name>FILETYPES</param-name> <param-value>doc,xls,ppt,zip,rar,txt</param-value> </init-param> </servlet> 3.KE 相关属性设置 KE.show({ id : "editor", width : "600px", height : "200px", resizeMode : 1, allowFileManager : true, /*图片上传的SERVLET路径*/ imageUploadJson : "/JSPKindEditor/uploadImage.html", /*图片管理的SERVLET路径*/ fileManagerJson : "/JSPKindEditor/uploadImgManager.html", /*允许上传的附件类型*/ accessoryTypes : "doc|xls|pdf|txt|ppt|rar|zip", /*附件上传的SERVLET路径*/ accessoryUploadJson : "/JSPKindEditor/uploadAccessory.html" });
JSP在线编辑器
07-31
所见即所得<br> 即通过编辑器编辑的文字、图片等HTML标记输出到页面的效果和编辑时显示的效果一致，让使用者方便地对编辑的内容进行修改、排版等。 <br>自动转换为HTML代码<br> 在编辑状态编辑的文字、图片等内容都在后台自动转换为可被浏览器识别的HTML标记语言，使用者更能在代码状态在对代码标记进行修改。 <br>简单易用<br> 编辑器的编辑及使用方法与FrontPage、Dreamweaver等著名主页制作软件类似。无需任何HTML语法知识、儍瓜式的操作让即使没有主页制作经验的使用者也能快速上手。 <br>方便快捷<br> 使用所见即所得的编辑器能快捷、方便地编辑出效果一流的图文效
kindeditor的配置jsp版
weixin_33716154的博客
04-22 243
kindeditor的配置jsp版 1、将kindeditor资源下载下来，点击这里下载； 2、将资源解压，因为是jsp版本所以只需要保留jsp的文件即可，最终目录为下图 3、在所给的jsp的demo中做配置 　　注意：demo.jsp中引入的js是kindeditor.js，这里需要把它改为kindeditor-all.js; 　...
jsp中kindeditor富文本编辑器的使用
运维工程师(Sun Robin)
10-16 2384
第一步：首先下载kindeditor   下载地址：http://kindeditor.net/ 第二步：
kindeditor在JSP中的使用
weixin_30785593的博客
04-13 116
　　这些天，一直在给一个老师做一个专业课程的“精品课程网站”，一是为了练练手，在学JSP嘛，二是，歪门邪道的提高下期末成绩。^_^ 　　废话少说，话说网站的后台管理中需要做一个在线编辑前台新闻等内容的页面，当然是要用文档在线编辑了。在网上海搜了一下，发现谷歌共享上有这么一个神器——kindeditor，下载地址：http://code.google.com/p/kindeditor/downlo...
Kindeditor环境搭建(JSP)
黑K的专栏
03-31 3978
Kindeditor环境搭建(JSP)文章分类:Web前端一 环境: XP3+Myeclipse6.6+Tomcat7 二 官网:http://www.kindsoft.net/需要的jar文件如下 : 三 参考资料 1 可视化编辑器的开发心得 http://www.javaeye.com/topic/5521772 KindEditor使用 http://jonney-82.javaeye.com/blog/4475793 kindeditor错误“服务器发生故障”解决的办法！ http://www.we
JSP中使用KindEditor解决方案
Mr.Sun
10-17 2520
参考解决方案： 1、http://blog.csdn.net/kalision/article/details/41514467 2、http://blog.163.com/java_zf/blog/static/19926038420133801615408/ KindEditor介绍： kindEditor是一款国产富文本编辑器，类似fckeditor和目前比较流行
JSP中集成KindEditor的详细教程与配置
- 在JSP页面的部分，引入KindEditor的核心JS文件（kindeditor.js）以及jQuery库。同时，由于可能使用Spring MVC，确保在加载KindEditor之前执行了Spring的初始化脚本，并指定UTF-8编码。 5. **启用编辑器**: - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值