kindeditor使用入门-张国红-创新互联

kindeditor是在线编辑器,比较好用,以下是提供的使用这个插件的步骤。

成都创新互联长期为成百上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为合江企业提供专业的网站制作、网站设计合江网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

下载kindeditor-4.1.10.zip

解压

kindeditor使用入门-张国红

asp,asp.net,php对于jsp开发没有用,可以删除

新建web工程,拷贝文件

在WebRoot目录下新建一个文件夹

kindeditor使用入门-张国红

这个文件夹是将来上传图片时用的,这是kindeditor默认的,当然也可以改,建议先按照这个文档入了门后,再行修改。

和attached一样,在WebRoot目录下新建目录kindeditor目录,把上面解压后的文件拷贝到这个目录下。

kindeditor使用入门-张国红

需要把jsp目录下的lib目录下的jar包拷贝到WEB-INF/lib目录下

kindeditor使用入门-张国红

修改index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

"<%=basePath%>">

My JSP 'index.jsp' starting page

"pragma" content="no-cache">

"cache-control" content="no-cache">

"expires" content="0">

"keywords" content="keyword1,keyword2,keyword3">

"description" content="This is my page">

"stylesheet" href="kindeditor/themes/default/default.css" />

"stylesheet" href="kindeditor/plugins/code/prettify.css" />

"utf-8" src="kindeditor/kindeditor.js">

"utf-8" src="kindeditor/lang/zh_CN.js">

"utf-8" src="kindeditor/plugins/code/prettify.js">

"container">

"header">

"mainContent">

"example" method="post" action="servlet/MyServlet">

题目:

"text" name="article.title">

内容:

"article.content1" cols="100" rows="8">

"submit" name="button" value="提交" />

kindeditor使用入门-张国红

新增servlet,接收index.jsp的提交

kindeditor使用入门-张国红

新增index2.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

"<%=basePath%>">

My JSP 'index.jsp' starting page

"pragma" content="no-cache">

"cache-control" content="no-cache">

"expires" content="0">

"keywords" content="keyword1,keyword2,keyword3">

"description" content="This is my page">

"stylesheet" href="kindeditor/themes/default/default.css" />

"stylesheet" href="kindeditor/plugins/code/prettify.css" />

"utf-8" src="kindeditor/kindeditor.js">

"utf-8" src="kindeditor/lang/zh_CN.js">

"utf-8" src="kindeditor/plugins/code/prettify.js">

"container">

"header">

"mainContent">

"example" method="post" action="servlet/MyServlet">

题目:

"text" name="article.title" value="${title }">

内容:

"article.content1" cols="100" rows="8">${content }

"submit" name="button" value="提交" />

kindeditor使用入门-张国红

以上是简单的入门测试。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:kindeditor使用入门-张国红-创新互联
分享网址:http://hbruida.cn/article/dcogsc.html

其他资讯