KindEditor富文本编辑器

水深无声 2021-10-06 02:50 451阅读 0赞

### KindEditor简单使用 ###

*  KindEditor
 *  引入相关JS
 *  简单使用

# KindEditor #

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，与此类似技术如：UEditor、CKEditor等  
[http://kindeditor.net/demo.php][http_kindeditor.net_demo.php]

# 引入相关JS #

<link href="../js/kindeditor-4.1.11/themes/default/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="../js/kindeditor-4.1.11/kindeditor-all-min.js"></script>
    <script type="text/javascript" src="../js/kindeditor-4.1.11/lang/zh_CN.js"></script>

JS收集下载地址：[https://pan.baidu.com/s/17H7eP9SUd7QT0omCyvu0cA][https_pan.baidu.com_s_17H7eP9SUd7QT0omCyvu0cA] 提取码：7yac

# 简单使用 #

（1）html

<textarea style="width:800px;height:300px;visibility:hidden;" name="desc"></textarea>

（2）JavaScript

var PR = {
    	// 编辑器参数
    	kingEditorParams : {
    		//指定上传文件参数名称
    		filePostName  : "uploadFile",
    		//指定上传文件请求的url。
    		uploadJson : '/pic/upload',
    		//上传类型，分别为image、flash、media、file
    		dir : "image"
    	}
    }
    var itemAddEditor = KindEditor.create("#itemAddForm [name=desc]", PR.kingEditorParams);
    
    itemAddEditor.sync();  //同步文本框中的商品描述
    itemAddEditor.html('');  //清空富文本编辑器

[http_kindeditor.net_demo.php]: http://kindeditor.net/demo.php
[https_pan.baidu.com_s_17H7eP9SUd7QT0omCyvu0cA]: https://pan.baidu.com/s/17H7eP9SUd7QT0omCyvu0cA

发表评论取消回复

表情：

评论列表（有 0 条评论，451人围观）

还没有评论，来说两句吧...

相关阅读

相关 SSM+KindEditor实现富文本编辑器图片上传

场景 KindEitor官方文档： [http://kindeditor.net/demo.php][http_kindeditor.net_demo.php] 实

水深无声/ 2023年10月18日 19:08/ 0 赞/ 15 阅读

相关富文本编辑器KindEditor

目录下载引入前端使用KindEditor 后端处理表单 ajax K

蔚落/ 2022年12月11日 06:25/ 0 赞/ 383 阅读

相关富文本编辑器——kindeditor+七牛

项目需求：使用富文本上传图片。项目使用框架：Spring、SpringMVC 在此之前选用过UEditor，问题在于，UEditor提供的包都是ueditor.XX.

╰+攻爆jí腚メ/ 2022年08月19日 14:16/ 0 赞/ 231 阅读

相关 domino集成kindeditor富文本编辑器

domino9.0的富文本编辑器ckeditor，在手机上不能使用(不管是在xpages还是在form中不正常使用，可能水平有限！)，造成按钮不能提交，所以更换一个控件

向右看齐/ 2022年08月08日 03:26/ 0 赞/ 183 阅读

相关 kindeditor富文本编辑器前端+后端实现

效果图 ![Center][] ![Center 1][] kindeditor包下类 UploadAccessory.ja

た入场券/ 2022年07月13日 04:54/ 0 赞/ 225 阅读

相关 kindeditor富文本编辑器的使用

百度下载kindeditor 解压放至项目中可以删除一些不必要的文件夹然后在页面引入 <link href="kindeditor-4.1.10/themes/

深藏阁楼爱情的钟/ 2022年05月17日 09:40/ 0 赞/ 319 阅读

相关 KindEditor:富文本编辑器介绍

富文本编辑器介绍富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能。常用的富文本编辑器 Kin

野性酷女/ 2022年04月12日 13:53/ 0 赞/ 514 阅读

相关富文本编辑器

（1）[UEditor][] （2）[kindEditor][] （3）[summernote][] 另本篇文章有更多富文本编辑器推荐： [https://www

你的名字/ 2022年03月19日 05:52/ 0 赞/ 372 阅读

相关富文本编辑器KindEditor在前端JS的应用

1.引入KindEditor资源包 ![20190307105308434.png][] 2.页面引入Js,Css文件 ![watermark_type_ZmFu

我会带着你远行/ 2022年03月11日 04:26/ 0 赞/ 245 阅读

相关 KindEditor富文本编辑器

KindEditor简单使用 KindEditor 引入相关JS 简单使用 KindEditor KindEditor是一套开源的HTML可视化

水深无声/ 2021年10月06日 02:50/ 0 赞/ 452 阅读