官网: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. Map集合应用 取出一个字符串中字母出现的次数。如:字符串:"abcdekka27qoq" ,输出格式为:a(2)b(1)k(2)...

    package com.swift; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import ...

  2. iOS中的数据存储方式_Plist

    plist文件只能存储OC常用数据类型(NSString.NSDictionary.NSArray.NSData.NSNumber等类型)而不能直接存储自定义模型对象; 我们拿NSData举例: /* ...

  3. 【动态规划】bzoj1584: [Usaco2009 Mar]Cleaning Up 打扫卫生

    思路自然的巧妙dp Description 有N头奶牛,每头那牛都有一个标号Pi,1 <= Pi <= M <= N <= 40000.现在Farmer John要把这些奶牛分 ...

  4. 【js】window.onscroll 无效问题

    body 设置为height:100% 导致window.onscroll 无效

  5. 02 Django模型

    ORM 的作用 ORM 作用示意图 ORM 框架的功能 建立模型类和表之间的对应关系,允许通过面向对象的方式来操作数据库 根据设计的模型类生成数据库中的表格. 通过方便的配置就可以进行数据库的切换 数 ...

  6. leetcode-6-basic

    解题思路: 这道题真实地反映了我今晚有多脑残=.=只需要从根号N开始向前找,第一个能被N整除的数就是width,然后存到结果就 可以了.因为离根号N越近,width越大,与length的差越小. ve ...

  7. 利用PowerDesigner逆向工程导出PDM模型及生成文档

    原文:利用PowerDesigner逆向工程导出PDM模型及生成文档 最近需要对老项目进行重构优化,由于项目都是好几年前的,相关设计资料很不全,最基本的数据库设计文档都没有,只能利用PowerDesi ...

  8. 请求报文&响应报文

    转自黑马程序员视频教程

  9. Could not load file or assembly 'AjaxControlToolkit' or one of its dependencies

    Could not load file or assembly 'AjaxControlToolkit' or one of its dependencies. API 调用退出异常. (Except ...

  10. python基础补漏-07-正则表达式

    字符: .    匹配除了换行符以外的任意字符 \w  匹配字母或者数字或下划线或汉字(除了特殊字符外都能匹配) \s   匹配任意空白符 \d 匹配数字 \b 匹配单词的开始或者结束 ^ 匹配字符串 ...