官网:http://kindeditor.net/demo.php

效果:

aaarticlea/png;base64,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" alt="" />

0.下载文档

aaarticlea/png;base64,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" alt="" />

1.引入核心文件(CSS与JS)

  items可以设置需要显示的控件

<!-- 编辑器 -->
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor-all.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh-CN.js"></script>
<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="liuyan.content"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : true,
pasteType : 0, //设置能否粘贴
items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor',
'bold', 'italic', 'underline', 'removeformat', '|',
'justifyleft', 'justifycenter', 'justifyright',
'insertorderedlist', 'insertunorderedlist', '|',
'emoticons', 'image', 'link' ]
});
// 同步数据后可以直接取得textarea的value
editor.sync();
});
</script>

2.页面准备textarea

        <!--编辑留言区域-->
发表您的留言:<br />
<form action="1.action" method="post" id="liuyanform">
<textarea id="liuyan.content" name="liuyan.content"
style="width: 100%;" class="el_editorBox"></textarea>
<input type="hidden" name="liuyan.name"> <br>
<p id="fabiao" class="btn btn-primary btn-sm" data-toggle="modal"
data-target="#add">
<span>发表</span>
</p>
</form>

3.处理的JS函数

  判断编辑器是否为空以及获取编辑器的值异步ajax提交。

/**
*
* Created by liqiang on 2017/10/1.
*/
$(function() {
/**
* 提交按钮点击事件,内容不为空 的时候打开模态框输入姓名
*/
$("#fabiao").click(function() {
editor.sync();
// 判断内容区是否为空
if (editor.isEmpty()) {
alert("内容不能为空!");
return;
}
$("#tijiaomotai").modal();
});
$("#tijiao").click(function() {
$("input[name='liuyan.name']").val($("input[name='name']").val());
$.ajax({
url : 'myBlog/liuyan_addLiuyan.action',
data : {
'liuyan.content' : editor.html(),
'liuyan.name' : $("input[name='name']").val()
},
type : 'POST',
async : true,
success : function(data) {
alert(data);
window.location.href = 'liuyan_getLiuyans.action';
},
error : function() { }
});
}); });

【kindeditor】kindeditor的使用的更多相关文章

  1. kindEditor完整认识 PHP上调用并上传图片说明/////////////////////////////z

      最近又重新捣鼓了下kindeditor,之前写的一篇文章http://hi.baidu.com/yanghbmail/blog/item/c681be015755160b1d9583e7.html ...

  2. 清空KindEditor富文本编辑器里面的内容方法

    //清空KindEditorKindEditor.instances[0].html(""); 0表示第一个KindEditor编辑器对象 详情见链接:http://www.new ...

  3. 将kindeditor在线编辑器制作成smarty插件

    在web开发中,在线编辑器是经常要用到的功能模块,虽说配置在线编辑器没有多大难度,但是每一次编写重复的代码,总是让人感觉不爽. 本篇,就来讲解一下,如何将kindeditor制作成smarty的一个自 ...

  4. Kindeditor(JSP)& 上传目录不存在

    一.基本配置 Kindeditor是一款富文本编辑器,作用跟博客园写文章用的这个编辑器一样,都是为了让文本加入各种各样的修饰元素. 使用方法如下,解压缩,把期中的ASP\NET\PHP文件夹都删除,然 ...

  5. KindEditor上传本地图片在ASP.NET MVC的配置

    http://www.cnblogs.com/upupto/archive/2010/08/24/1807202.html 本文解决KindEditor上传本地图片在ASP.NET MVC中的配置. ...

  6. kindeditor的简单使用

    上传到云: 一.引入kindeditor <%@ page language="java" contentType="text/html; charset=UTF- ...

  7. 优秀的富文本编辑器 Kindeditor

    <textarea name="txtbody" style="width:100%;height:320px;" > {$article.txt} ...

  8. asp.net中两款文本编辑器NicEdit和Kindeditor

    过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编写 ...

  9. extjs4 与 kindeditor

    <link rel="stylesheet" href="<?php echo Yii::app()->request->baseUrl;?> ...

  10. KindEditor配置步骤

    KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器. KindEditor ...

随机推荐

  1. Codevs1081 线段树练习 2

    题目描述 Description 给你N个数,有两种操作 1:给区间[a,b]的所有数都增加X 2:询问第i个数是什么? 输入描述 Input Description 第一行一个正整数n,接下来n行n ...

  2. NOIP模拟赛 czy的后宫3

    [题目描述] 上次czy在机房妥善安排了他的后宫之后,他发现可以将他的妹子分为c种,他经常会考虑这样一个问题:在[l,r]的妹子中间,能挑选出多少不同类型的妹子呢? 注意:由于czy非常丧尸,所以他要 ...

  3. nginx url rewrite break和last的区别

    break 将重写的URI作为一个新的URI,在本块中继续处理,将重写后 的地址在当前location块中处理,不会将新的URI转向到其他location块中 last,终止继续在本location块 ...

  4. 帮助解决NoSuchMethodError

    排查出具体的类,然后将冲突的类删除掉即可 Method[] methods = Base64.class.getMethods(); // 输出实际jar包路径 System.out.println( ...

  5. python爬虫集合

    逐渐也写了有二十余篇博文,内容一多就导致有些内容不能够方便快捷定位. 虽然博客有标签进行分类,实际查找时也并不如做一个同类文章的集合来得直观. 这里就对python爬虫相关博文做个集合: 爬虫基础知识 ...

  6. POJ:2632-Crashing Robots

    Crashing Robots Time Limit: 1000MS Memory Limit: 65536K Description In a modernized warehouse, robot ...

  7. Linux学习-Linux 主机上的用户讯息传递

    查询使用者: w, who, last, lastlog 如果你想要知道目前已登入在系统上面的用户呢?可以透过 w 或 who 来查询喔!如下范例所示: [root@study ~]# w 01:49 ...

  8. bash循环for/while/until

    shell流程控制之一:for循环     for VAR in LIST; do         STATEMENT1         ...     done         例:         ...

  9. launchMode

    launchMode在多个Activity跳转的过程中扮演着重要的角色,它可以决定是否生成新的Activity实例,是否重用已存在的Activity实例,是否和其他Activity实例公用一个task ...

  10. dedecms 搬家流程

    进入后台 系统 点击数据备份/还原根据新空间数据库版本格式备份 进入网站根目录备份文件夹data\backupdataimagestempletsuploadsplus 进入新空间 重新安装dede程 ...