首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

easyUI整合富文本编辑器KindEditor详细教程(附源码)

KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率...这是KindEditor整合进perfect-ssm项目中的效果图: ? 这是之前的UEditor编辑器效果图: ?...整合和配置 1.首先下载KindEditor编辑器,使用的是4.1.10版本,下载地址:http://kindeditor.net/down.php 2.将静态文件放置到项目目录中 ?...--引入引入kindeditor编辑器相关文件--> <link rel="stylesheet" href="${pageContext.request.contextPath}/<em>kindeditor</em>...结语 perfect-ssm项目中增加了一个富文本<em>编辑器</em><em>KindEditor</em>,这个<em>编辑器</em>相比较于原来的UEditor更加容易整合,相比较UEditor而言的话,<em>KindEditor</em>的问题和坑少一些,不过呢

1.9K50

Django2.0.4 结合 KindEditor 4.1.11 富文本编辑器

KindEditor是一款还不错的开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。...之所以推荐这一款编辑器,是因为它非常的轻量化,也不需要安装,从而耦合度非常低,无论是使用表单提交内容还是异步提交,都非常方便,这里简单介绍一下如何在Django2.0.4中使用这款富文本编辑器。   ...首先 在官网下载文件 http://kindeditor.net/down.php   解压后,删除掉一些没有用的文件,只留下lang(语言包) themes(风格包) plugins(插件) 和...kindeditor-all-min.js   将kindeditor文件夹放到项目目录的static/js文件中去   最后在页面中就可以使用了 <!...contentWindow.document.body).html()   而使用 传统的 $("#content").val() 是获取不到html标签的   另外如果你想利用富文本编辑器上传文件到本地

50420

Django中富文本编辑器KindEditor的使用和图片上传

1.简介 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM 类库,精确操作 DOM 扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能 风格:修改编辑器风格非常容易,...为了达到这个目的,我们可以使用富文本编辑器。 我们有多重选择来使用富文本编辑器,比如kindeditor、django-ckeditor、自定义ModelAdmin的媒体文件。...这样就将kindeditor加上了富文本编辑器。 4.图片上传 但是如果我们上次图片仍然会报错,因为我们并没有处理文件上传按钮。...4.1:在config.js加入 'uploadJson':'/admin/upload/kindeditor', 这里/admin/upload/kindeditor是python的路由。

1.1K20

KindEditor的简单使用

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...官网: http://kindeditor.net/about.php 其他常用的富文本编辑器: UEditor http://ueditor.baidu.com/website/ CKEditor.../plugins/kindeditor/lang/zh_CN.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...//初始化KindEditor编辑器 var editor; KindEditor.ready(function (K)...编辑器中的内容 //提取编辑器内容 var content = =editor.html(); //清空编辑器内容 editor.html(''); KindEditor编辑器的其他操作 ------

3K30

NicEdit和Kindeditor配置

推荐两款富文本编辑器:NicEdit和Kindeditor 做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多...KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。.../JS/KindEditor/kindeditor-min.js" type="text/javascript"> <script type="text/javascript...3 都可以直接将现有的TextBox或是TextArea变成富文本<em>编辑器</em>。 NicEditor相比较<em>KindEditor</em>来说还显的不是很成熟。...2 貌似还没有禁用<em>编辑器</em>的编辑功能,也有可能是我没有找到设置的方法。

82710
领券