KindEditor实例【带图秒懂！！！】

最近在项目中使用到了KindEditor，作为小白就记录一下吧！下面是我的操作步骤：

首先页面上需要有一个textArea标签

<div><textArea id="content" name="content"></textArea>
</div>

在KindEditor官方下载好插件，下载解压好之后是下面的内容，给出官方下载地址:kindEditor下载

项目中其实只需要下面的内容就可以了，下面是我导入的内容和引入的js文件:

接下来在js中初始化该插件即可，还有很多具体的参数可以在官网看一下说明。

KindEditor.ready(function(K) {var options = {filterMode : true,minWidth:'322px',minHeight:'600px',afterChange:function(){this.sync();$(".demo-wrap").html($('#content').val());}};editor = K.create('#content', options);});

我的页面中用到了保存，下面的editor.sync()方法就是将插件中写入的内容同步到最开始写的textArea中去。

$("#save").click(function(){editor.sync();var content = $('#content').val();var paraType = $('#paraType').val();var paraId = $('#paraId').val();var paraSeq = $('#paraSeq').val();var paraValue = $('#paraValue').val();$.ajax({cache : true,type : "POST",url : ctx + "brand/edit",data : {"paraSeq": paraSeq,"paraId": paraId,"paraType": paraType,"paraValue":paraValue,"remark":content},async : false,error : function(request) {$.modal.alertError("系统错误");},success : function(data) {window.location.href = ctx + "brand/brandMain";}});});

下面是我的效果，带了一个同步显示的预览效果【要显示在移动端，所以带了一个手机！O(∩_∩)O哈哈~】

KindEditor实例【带图秒懂！！！】相关推荐

数控车椭圆编程实例带图_数控车床加工椭圆的宏程序实例
随着数控技术不断进步, 数控车床加工中各种复杂形面也日渐增多, 如椭圆.抛物线.正弦曲线.余弦曲线.双曲线等各种非圆曲面.对于上述各种复杂成形面, 利用CAM 软件进行自动编程相对简单, 但由于种种原 ...
数控g71编程实例带图_数控车G71有凹槽复合循环编程实例
<数控车G71有凹槽复合循环编程实例>由会员分享,可在线阅读,更多相关<数控车G71有凹槽复合循环编程实例(3页珍藏版)>请在人人文库网上搜索. 1.数控车G71有凹槽复合循环 ...
数控车椭圆编程实例带图_数控车床任意位置椭圆宏程序编程，内附实例程序！...
不在轴线上的椭圆宏程序编制也没有什么特殊的,只是改下偏置的数值罢了. 椭圆的参数方程为:X=a*COSθ Y=b*SINθ 可改写为: #1=30*cos[#3] #3为参数方程对应的中角度 #2=2 ...
数控车椭圆编程实例带图_数控车床编程教程，图文实例详解
一.数控车编程特点 (1) 可以采用绝对值编程(用X.Z表示).增量值编程(用U.W表示)或者二者混合编程. (2) 直径方向(X方向) 系统默认为直径编程,也可以采用半径编程,但必须更改系统设定. ...
数控车椭圆编程实例带图_数控车床椭圆怎么编程
如图,就车削如图椭圆,只要车削一半(红色线段部分),精车部分,肯定大家都没问题,很容易,但在实际操作中,不可能直接精车,肯定要开粗,那要怎么开粗呢,最简单的就是嵌套在G71或G73中,方面快捷,但是不 ...
数控车椭圆编程实例带图_简析数控车床上椭圆加工的编程方法
史先伟摘要:目前,在机械加工中,非圆曲线越来越被广泛地应用,依靠传统的靠模加工已经不能满足现实的精度要求,取而代之的是在数控机床上进行加工.本文对常见的椭圆加工的几种常用方法进行编程示例. 关键词 ...
数控车椭圆编程实例带图_如何在数控车中对斜椭圆进行编程与加工
在数控加工中关于对椭圆如何进行编程与加工,前期我已撰写了两篇文章,一是在数控车床上如何编制程序加工椭圆,关于特殊曲线的数控车削编程,不会的都进来看看:二是在数控铣床中如何编制程序加工椭圆,数控编程中含 ...
数控车椭圆编程实例带图_数控车宏程序粗精车椭圆产品编程实例教程中磊教育...
数控车宏程序粗精车椭圆产品编程实例图纸: 加工椭圆的数控车宏程序如下: (椭圆长半轴为40mm, 短半轴为24mm.) O0143 (O0143) G99 G96 M3 S150 T0101 G50 ...
数控g71编程实例带图_数车编程G71实例讲解
老铁们大家好,我是你们的好朋友少白,最近找我学习数车编程的老铁们有点多,今天呢我就给大家来分享一组案例,希望能给大家带来一些帮助, G71,G70 编程指令是数控车最常用,也是最方便的指令,一般零件的 ...

KindEditor实例【带图秒懂！！！】

KindEditor实例【带图秒懂！！！】相关推荐

最新文章

热门文章