Django_ KindEditor 插件使用

KindEditor 富文本编辑器插件目的及原理: 更便捷的在前端页面上实现用户的文本编辑操作, 本质上就是对标签的样式进行封装和事件预处理, 常规操作都可以通过直接的引入即可实现, 但是对于存在前后摇交互的文件上传操作需要对后端数据采集和返回进行相应的配置下载地址: http://kindeditor.net/down.php 实现效果: 引入: <script charset="utf-8" src="/static/kindeditor/kindeditor…

轮播组件/瀑布流/组合搜索/KindEditor插件

一.企业官网 ### 瀑布流 Models.Student.objects.all() #获取所有学员信息通过div进行循环图片和字幕 1.以template模板方法实现瀑布流以列为单位放置图片和字母信息:通过取余的方式分列,三列就对三取余,在templatetags里面自定义模板,但是对于前端创建的判断方法if,时不能使用@register.simple_tag,simple_tag方法不能用于if 后,所以引用filter方法:@register.filter 2.以JS的…

（转）ASP.NET版本的Kindeditor插件的使用（同步）

昨天老大让我自己下载一个kindeditor说要放到“描述”功能中,并且不能提交(一边在textarea中写一边在label控件中将数据显示出来),由于从来没弄过,实在费了一翻劲.所以将此记录下来,一方面加深自己的记忆,另一方面希望大家批评指正. 先从官网中现在最新版本的Kindeditor,官网地址:http://www.kindsoft.net/ 下载完成后,将整个文件夹解压.其中包含有asp.php.asp.net等使用kindeditor的实例,这里我用的是asp.net的实例. 1.在…

ASP.NET版本的Kindeditor插件的使用

1.先从官网中现在最新版本的Kindeditor,官网地址:http://www.kindsoft.net/ 下载之后的目录结构如下:…

富文本编辑器kindeditor插件

官网:http://kindeditor.net/doc.php 步骤…

Kindeditor编辑插件的使用

1.首先kindeditor这个插件需要配合着asp.net的自生带的控件textbox来实现 2.首先前台界面代码 <f:FormRow runat="server"> <Items> <f:ContentPanel ID="contentpanel1" runat="server" Height="500px" Width="800px" Title="项目内容&…

富文本插件KindEditor

具体用法查看官网http://kindeditor.net/doc.php {% load staticfiles %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试KindEditor插件</title> {#需要引入js.css文件#} <link rel="styleshee…

kindEditor编写插件遇到的问题

kindEditor是一个功能强大的在线文本编辑器,而且提供了插件扩展功能,更好的满足用户各方面的需求.在项目中,我们就有如此的需求:在kindEditor编辑器中,添加一条下划线,并且在下划线的中间位改下划线编号类似填空题的要求:.因此需要自己写一个插件,kindEditor插件的编写在官方文档中都写的很明白,主要分为几个步骤, 1.首先设置插件按钮(工具栏上的按钮)的样式, .ke-icon-hello { background-image: url(../skins/default/def…

KindEditor文件上传成功前端显示上传失败

一.使用kindeditor 上传图片 ,根据kindeditor 要求返回了相应的数据, 但是kindeditor 插件显示上传失败!!! 解决方法: 各个版本位置可能不同!!! 1.修改kindeditor-all-min.js 中 error!==0 ===>error!=0 2.修改kindeditor-all.js 中 data.error !== 0 ===>data.error != 0 二.上传成功后按照 kindeditor 返回正常数据, 但是图片不显示,我这里…

kindEditor 富文本编辑器使用介绍

第一版:存放位置: ---->把该创建的文件包放到javaWeb 过程的 WEB_INF 下:如图所示. 第二步:< kindEditor 插件的引用> :JS引用 <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script> <script ty…

03: KindEditor （HTML可视化编辑器）

目录: 1.1 kindEditor常用配置参数 1.2 kindEditor下载与文件说明 1.3 kindEditor实现上传图片.文件.及文件空间管理 1.1 kindEditor常用配置参数返回顶部 1. kindEditor常用配置 1.width: 编辑器的宽度,可以设置px或%,比textarea输入框样式表宽度优先度高 2.height: 编辑器的高度,只能设置px,比textarea输入框样式表高度优先度高. 3.minWidth: 指定编…

day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor

Day20回顾: 1. 请求生命周期 2. 中间件 md = [ "file_path.classname" ] process_request[可有可无] process_response[必须有] process_request process_response process_request process_response process_request process_response process_request process_response 路由->函数 3.…

KindEditor文本编辑框的实现

效果图: kindeditor 是一个插件下载地址: https://files-cdn.cnblogs.com/files/lxnlxn/kindeditor.zip 解压后将其放在项目的js文件夹下边,将js/kindEditor/jsp/lib下的jar包放在项目的WEB-INF下的lib中并且Build Path jsp页面:引入kindeditor插件 <head> <link rel="stylesheet" href="${basePath}…

刚学习java时的笔记, 有点渣, 毕竟都是从低往高走

一片很有意义的论文: 写给那些在技术路上奔跑的人们!!!!! http://blog.csdn.net/xqhrs232/article/details/24885971 乱码处理 1.get处理解码编码 username = new String(username.getBytes("ISO8859-1"),"UTF-8"); 2.servlet服务器编码 //tomcat服务器service.xml处理 <Connector URIEncoding=&q…

python全栈开发day80--评论楼、评论树

内容总结: 1. 内容回顾 1. 内容回顾 1.评论 1. 展示评论 1. 评论楼(Django模板语言渲染) 1. 从后端查询出所有的评论 2. 如果有父评论就展示父评论 2. 评论树通过ajax在页面刷新的时候去拉取所有的评论 2. 发表评论 1. 发表评论(ajax提交) 1. 通过AJAX发送到后端 1. 判断是否是子评论 1. 给回复按钮绑定点击事件 1. 要给未来的标签绑定事件一定要用事件委托事件委托利用的原理是事件冒泡 2. jQuery事件委托的写法: $("已经存在的标签&…

bbs--文章后台

bbs--文章后台需求分析在个人文章后台中 1 有添加文章的接口展示文章标题输入框文本编辑框标签分类选择框提交 2 编辑文章的接口页面与添加文章相同,就是把该文章的内容展示到文本编辑框中 3 删除文章的接口点击删除,文章清除 4 页面2 10布局,左侧有添加文章功能右侧以列表形式展现每一条文章,且有分页功能文章发布模块及插件引入 1 kindeditor插件<\a> 2 BS4模块<\a> 安装 pip install beautifulsoup4 简单使…

jquery弹出下拉列表插件（实现kindeditor的@功能）

这几天有个工作需求,就是在富文本输入区域(kindeditor)可以有@功能,能够容易提示用户名的(像在qq群组@人一样).在网上找了一个叫bootstrap-suggest的插件,却不能满足我的需求,于是我决定在该插件上改良,主要是下面几点: 1. @内容的输入,能够匹配多个属性值. 2. 选中列表值后,是成块插入kindeditor的(方便删除,也利于区分文本). 3. 修正输入偶数关键字@功能失效问题. 前言在一开始,我用bootstrap-suggest(https://github.…

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

在web开发中,在线编辑器是经常要用到的功能模块,虽说配置在线编辑器没有多大难度,但是每一次编写重复的代码,总是让人感觉不爽. 本篇,就来讲解一下,如何将kindeditor制作成smarty的一个自定义函数. 为什么要制作成自定义函数呢?当然是为了避免写很多重复的代码. {html_kindeditor name="kindcontent"} 假如在模板中调用一个smarty标签,就能生成一个文本编辑器(如上),那开发起来会不会感觉很过瘾呢? 好了,说下流程(本文以集成了smarty…

Kindeditor上传图片到七牛云存储插件（PHP版）

由于工作需要,要使用第三方存储作为图床,发现七牛云挺不错,又可以免费使用10G的空间,决定先试试. 项目中使用的是Kindeditor作为网页编辑器的,七牛云的插件里没有现成的Kindeditor的插件,开始是想看着官方提供的手册,自己开发下,结果不知道是我太笨还是手册太高深,结果愣是没看懂,后来迫于工作进度,差点决定要放弃Kindeditor使用Ueditor,毕竟有现成的插件可用,不过迫于对Kindeditor的热衷,最后还是坚持下来了,尽管没找到Kindeditor上传到七牛云的太多资料,…

ssm项目中KindEditor的图片上传插件，浏览器兼容性问题

解决办法: 原因:使用@ResponseBody注解返回java对象,在浏览器中是Content-Type:application/json;charset=UTF-8 我们需要返回字符串(String) :Content-Type:text/plan;charset=UTF-8 指定响应结果的content-type: KindEditor的多图片上传插件最后响应的content-type是text/plan格式的json字符串.兼容性是最好的. 这就是该插件的缺点吧,仅个人观点!…

kindeditor自定义插件插入视频代码

kindeditor自定义插件插入视频代码 1.添加插件js 目录:/kindeditor/plugins/diy_video/diy_video.js KindEditor.plugin('diy_video', function (K) { var self = this, name = 'diy_video'; self.clickToolbar(name, function () { var lang = self.lang(name + '.'), html = ['<div styl…

KindEditor是一套很方便的html编译器插件

KindEditor是一套很方便的html编译器插件.在这里做一个简单的使用介绍. 首先在官网上下载最新的KindEditor文件(里面有jsp,asp等不同版本文件夹,可以删掉你不需要的版本), 把整个文件夹放到你的web服务器里(放哪都行,但放的位置需要有访问权限,最好建立一个权限为777的public文件夹,把KindEditor文件夹放进去). 之后在需要用到KindEditor的页面引入以下两个js文件(具体js目录根据你的KindEditor文件夹位置而定) 1 2 <script…

kindeditor 图片上传插件

富文本编辑器,kindeditor是比较好用的一款.需要的功能都有,文档.demo也详细.有什么功能去官网看一眼就好. 官网:http://kindeditor.net/ 一些好用的如图片上传,kindeditor还特意抽取出来,供单独调用. 写这博客是为了警示自己的傻逼,调了一天都没成功的图片上传插件,耐下心来看源码5分钟就搞定了. KindEditor.ready(function(K) { var editor = K.editor({ allowFileManager : true, u…

前端文本框插件KindEditor

KindEditor 1.进入官网 2.下载官网下载:http://kindeditor.net/down.php 本地下载:http://files.cnblogs.com/files/wupeiqi/kindeditor_a5.zip 3.文件夹说明 ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-…

常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ；和CKEditor实例

http://www.cnblogs.com/cxd4321/archive/2013/01/30/2883078.html 目前市面上用的比较多的富文本编辑器有: FreeTextBox 一个有很多年历史的富文本编辑器了,使用简单,而且一般的使用是免费的,但是不开源,上传图片上传附件等功能没有,扩展性差. CuteEditor最强大的富文本编辑器,巨牛无比,但是是收费的,个人使用的话用下破解版倒无所谓,要想在企业中使用那就得买了,所以虽然强大,但是想节约的话就不考虑这个了.看看他的菜单就知道他…

aspx使用KindEditor副文本框插件出现检测到有潜在危险

web配置添加 <httpRuntime requestValidationMode="2.0" /> aspx页面添加 ValidateRequest="false"…

让kindeditor显示高亮代码

kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre class="prettyprint lang-js"><script> var KE; KindEditor.ready(function(K) { KE = K.cre…

kindeditor本地上传报错，只限初学者

困扰了我三天的问题,话说百度真的害死人啊,百度上有说路劲错了的,有说包没导的,有说还要改plugins里面的文件的!其实这个都不用动,也有说服务器问题的,还有说缓存的,还有说是ecplise的,反正我真的看了好多,最后我因为一点小事故,又不小心把tomcat删了,只好重新下载tomcat重新配置了下就好了,不过我不知道是不是tomcat的问题,不过我不认为是tomcat的问题.如果你无论如何都解决不了,不妨也从新配置下tomcat试试. 解决办法其实上面都不用改,这儿有现成的,下载 kinded…

在线编辑器的使用总结(kindeditor , )

1).kindedtor中让编辑框默认为“HTML代码/源代码”模式 [javascript] view plaincopyprint? <script> // 自定义插件 #1 KindEditor.lang({ example1 : '插入HTML' }); // 自定义插件 #2 KindEditor.lang({ example2 : 'CLASS样式' }); KindEditor.ready(function(K) { KindEditor.options.designMode =…

js组件在线编辑器插件、图表库插件、文件树插件

在线编辑器插件: 一.kindeditor 二.UEditor 图表库插件: 一.echart 二.highchart 文件树插件: 一.zTree -- jQuery 树插件 http://www.treejs.cn/v3/main.php#_zTreeInfo…

【Django_ KindEditor 插件使用】的更多相关文章