kindeditor用法简单介绍（转）

1，首先去官网下载http://www.kindsoft.net/

2，解压之后如图所示：

由于本人做的是用的是JSP，所以ASP,PHP什么的就用不上了，直接把那些去掉然后将整个文件夹扔进Myeclipse，如图：

里面有个报错，估计是我自己IDE的问题，没有处理照常使用。

3，就可以开工写JSP了，下面把自己的一个JSP的代码贴出来，页面代码神马的不太规范，凑合着当示例，能跑通就行;

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

String path = request.getContextPath();

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

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

+ path + "/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

</script>

</script>

</script>

KindEditor.ready(function(K) {

var editor1 = K.create('textarea[name="article.content1"]', {

cssPath : 'kindeditor/plugins/code/prettify.css',

uploadJson : 'kindeditor/jsp/upload_json.jsp',

fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp',

allowFileManager : true,

afterCreate : function() {

var self = this;

K.ctrl(document, 13, function() {

self.sync();

document.forms['example'].submit();

});

K.ctrl(self.edit.doc, 13, function() {

self.sync();

document.forms['example'].submit();

});

}

});

prettyPrint();

});

</script>

</head>

<body>

</div>

<ul>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

题目：

<br />

内容：

<textarea name="article.content1" cols="100" rows="8"

></textarea>

<br />

(提交快捷键: Ctrl + Enter)

</form>

</div>

</div>

</body>

</html>

5，关于数据库和上传本地图片问题

Kindeditor对于上传的图片神马的会默认保存在attached文件夹中，至于数据库字段中存储的只是图片的地址，所以将内容读取出来的时候，只要读取数据库字段中的内容就会自动将文本和图片等一起显示出来了，很好很强大！要注意的就是读取数据库出来之后要将地址转换成HTML代码才能正确显示，这个工作很简单，只要：<s:property value="article.content1" escape="false" />将escape="false" 就OK了。

分类: Java

转载于:https://www.cnblogs.com/ziyandeyanhuo/p/7877556.html

kindeditor用法简单介绍（转）相关推荐

kindeditor用法简单介绍
最近做毕业设计用了一个叫做kindeditor的文本编辑工具,相信很多人都用过,这货和fckeditor差不多,个人感觉这个的皮肤更好看,而且对中文的支持更好,没那么容易出现中文乱码问题.下次记录一下 ...
HTML5 autofocus属性用法简单介绍
本章节简单介绍一下HTML5中新增的一个属性autofocus,它可以让一个元素加载后获取焦点,在此之前一般要通过使用javascript的focus()方法实现我们的要求,非常的简单,代码如下: 1 ...
tf.nn.sampled_softmax_loss用法简单介绍
tf.nn.sampled_softmax_loss用法简单介绍在研究Skip-gram模型时遇到了采用方式的softmax,一时没有搞明白,下面做个小案例试一下. tf.nn.sampled_so ...
xilinx oddr idelay用法简单介绍
我们知道xilinx FPGA的selectio中有ilogic和ologic资源,可以实现iddr/oddr,idelay和odelay等功能.刚入门时可能对xilinx的原语不太熟练,在vivad ...
MAPSTRUCT(@Mapper用法)简单介绍
MAPSTRUCT(@Mapper用法) 官网地址:http://mapstruct.org/ MapStruct是一个代码生成器,简化了不同的Java Bean之间映射的处理,所以映射指的就是从一个 ...
Python爬虫之Spider类用法简单介绍
更多编程教程请到:菜鸟教程 https://www.piaodoo.com/ 一.网络爬虫网络爬虫又被称为网络蜘蛛(
求介绍matlab函数用法的书,MATLAB初学者教程--函数用法的简单介绍
1.4 函数用法的简单介绍 1.4.1什么是函数似乎很多人一听到函数这个词就会想到数学中的某个概念,然后对于恐惧数学的同学就开始打退堂鼓.在matlab当中到处可以用到函数,它的出现可以让我们用很简 ...
Java中Synchronized的用法（简单介绍）
简单介绍 synchronized是Java中的关键字,是一种同步锁.它修饰的对象有以下几种: 1. 修饰一个代码块,被修饰的代码块称为同步语句块,其作用的范围是大括号{}括起来的代码,作用的对象是调 ...
java synchronized静态_Java中Synchronized的用法（简单介绍）
简单介绍 synchronized是Java中的关键字,是一种同步锁.它修饰的对象有以下几种: 1. 修饰一个代码块,被修饰的代码块称为同步语句块,其作用的范围是大括号{}括起来的代码,作用的对象是调 ...

kindeditor用法简单介绍（转）

kindeditor用法简单介绍（转）相关推荐

最新文章

热门文章