【HTML编辑器 -- KindEditor】的更多相关文章

富文本编辑器kindeditor配置

<!--富文本编辑器kindeditor配置↓ --> <link type="text/css" rel="stylesheet" href="kindeditor/themes/default/default.css" /> <link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" /> &l…

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

原因 在今年4月份的时候写过一篇关于easyui整合UEditor的文章Spring+SpringMVC+MyBatis+easyUI整合优化篇(六)easyUI与富文本编辑器UEditor整合,从那时起,ssm项目中所使用的富文本编辑器都是UEditor. 文章的末尾也说了UEditor的一些坑:遮罩层问题,初始化和对象销毁的问题,图片上传配置,官方jar包也有问题(貌似官方在mavne仓库没有jar包) 虽然解决了大部分,不过用着依然不是很舒服,中间也想过换一个,但是本人实在有些懒,直到前几…

后台文本编辑器KindEditor介绍

后台文本编辑器KindEditor介绍 我们在自己的个人主页添加文章内容的时候,需要对文章内容进行修饰,此时就需要文本编辑器助阵了! 功能预览 KindEditor文本编辑器 KindEditor文本编辑器官网:http://kindeditor.net/demo.php 本文简单介绍下KindEditor的引入.主要的参数以及上传文件等功能. KindEditor的引入 在官网下载好编辑器文件后,我们把它放在项目的static/blog目录下,如下图所示: 那么在我们需要调用编辑器的模板中加入…

python 全栈开发，Day83(博客系统子评论,后台管理,富文本编辑器kindeditor,bs4模块)

一.子评论 必须点击回复,才是子评论!否则是根评论点击回复之后,定位到输入框,同时加入@评论者的用户名 定位输入框 focus focus:获取对象焦点触发事件 先做样式.点击回复之后,定位到输入框,加入被评论的用户名 给回复的a标签加一个class=reply_btn,关闭a标签的跳转,使用javascript:void(0) 修改article_detail.html,增加一段回复的js {% extends "base.html" %} {% block content %} &…

使用富文本编辑器Kindeditor

今天在做需求的时候,遇到有一个字段,需要保存带有格式的内容,决定使用富文本框编辑器Kindeditor来实现,解决方法如下: 登录官网下载控件包: http://kindeditor.net/down.php 下载后解压,把解压到的文件夹整个复制到项目里面, 然后,在需要用这个控件的页面这样引用它:<script src="../../kindeditor/kindeditor-all.js" type="text/javascript" /> 然后在页…

富文本编辑器 KindEditor 的基本使用 文件上传 图片上传

富文本编辑器 KindEditor 富文本编辑器,Rich Text Editor , 简称 RTE , 它提供类似于 Microsoft Word 的编辑功能. 常用的富文本编辑器: KindEditor http://kindeditor.net/ UEditor http://ueditor.baidu.com/website/ CKEditor http://ckeditor.com/ 基本使用 <!DOCTYPE html> <html> <head> <…

纯JS文本在线HTML编辑器KindEditor

KindEditor(http://www.kindsoft.net)是一款比较专业,主流,好用的在线HTML编辑器. 它除了可以将文本进行编辑.将Word中的内容复制进来外,本身还可以拖动缩放(右下角),十分好用. 当然,最重要的是,它是纯JS版的,加载它十分方便: <head> <script type="text/javascript" src="/jquery-1.9.1.js"></script> <script…

HTML编辑器KindEditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用. 主要特点 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM…

在线HTML编辑器KindEditor

 简介 KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器.KindEditor使用JavaScript编写,可以无缝的于Java..NET.PHP.ASP等程序接合. 示例 $(function() { KindEditor.ready(function(K) { editor1 = K.create('textarea[name="menuContent"]…

HTML编辑器 -- KindEditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用. 主要特点 快速:体积小,加载速度快 开源:开放源代码,高水平,高品质 底层:内置自定义 DOM…

Django配置富文本编辑器kindeditor

一.简介 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便.遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的控件.常见的富文本编辑器有ckeditor,ueditor,kindeditor,tinmce...       KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为…

Extjs4.2x与富文本框编辑器KindEditor的整合

Extjs4本身的HtmlEditor编辑器,太鸡肋了,简单的html能够应付一下,稍加复杂的就无能为力了. 对于Extjs的HtmlEditor扩展主要有三个方向,一个是扩展其本身的htmlEditor,这个我在2.2的时候,扩展过几个功能,例如图片上传,附件添加等等,效果并不是特别理想http://hi.baidu.com/chinacloud/item/8c078fce9763027fced4f8d7 第二个方法一般初学者都会想到,用iframe内嵌一个编辑页面,这个方式我只想说:别糟蹋E…

使用springmvc，jsp，结合网页文本编辑器kindEditor实现基本博客编辑功能

kindEditor官网:http://kindeditor.net/demo.php 个人实践: 为了在自己的项目中引入一个类似用户写博客的功能,在网上找到了kindeditor,真心又好又易用. 一.准备工作 1.下载kindeditor,在官网上点击右上方的下载链接,我下载的是4.1.11版.由于我的项目前端采用jsp,所以将解压以后的asp,asp.net和php文件夹删掉. 在jsp文件夹里的就是在jsp下使用kindeditor的demo.需要注意的是,demo.jsp文件中有笔误,…

JAVAEE——宜立方商城04：图片服务器FastDFS、富文本编辑器KindEditor、商品添加功能完成

1. 学习计划 1.图片上传 a) 图片服务器FastDFS b) 图片上传功能实现 2.富文本编辑器的使用KindEditor 3.商品添加功能完成 2. 图片服务器的安装 1.存储空间可扩展. 2.提供一个统一的访问方式. 使用FastDFS,分布式文件系统.存储空间可以横向扩展,可以实现服务器的高可用.支持每个节点有备份机. 2.1. 什么是FastDFS? FastDFS是用c语言编写的一款开源的分布式文件系统.FastDFS为互联网量身定制,充分考虑了冗余备份.负载均衡.线性扩容等机制…

在线编辑器KindEditor的使用

1.官网下载:点击进入 2.解压后目录说明 ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-all-min.js 全部JS(压缩) ├── kindeditor-all.js 全部JS(未压缩) ├── kindeditor-min.js 仅KindEditor JS(压缩)不包含plugins的JS代码 ├…

thinkphp 编辑器kindeditor

首先,去官网下载最新版的kindeditor,然后把里面asp,jsp,net,example的全删除,然后改名为editor放进public(最外层目录的public)文件夹里面 在目录lib目录建立ORG文件夹(个人习惯用ORG存储公用类),建立一个共用类,editor.class.php 下面是这个类的具体代码 <?php /*编辑器调用的初始化类 * */ class editor { var $Width; var $Height; var $Value; /* 此方法是编辑器的构造方…

django-应用中和amdin使用富文本编辑器kindeditor

文章描述.新闻详情和产品介绍等,都需要大量的文字描述信息或图片.视频.文字的编辑等,这个时候我们就需要介绍第三方富文本编辑器. 今天介绍的是django中绑定和应用kindeditor编辑器: 效果如图: 一.应用中使用 第一步:到官网下载 kindeditor 下载好后删除这些没有的文件asp,asp.net,jsp,php.在django中这些都没用. 第二步:将删除后的文件引入自己的项目中.根目录下的static/js/kindeditor/ 第三步: 1.创建前端测试展示页kindedi…

Django之富文本编辑器kindeditor 及上传

1.什么是富文本编辑器 百度百科(https://baike.baidu.com/item/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/10954999?fr=aladdin) KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScrip…

富文本编辑器kindeditor的使用

第一步:导入前端js文件 <!-- 富文本编辑器 --> <link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" /> <script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>…

【要什么自行车】ASP.NET MVC4笔记03：调用编辑器 kindeditor

参考:http://www.cnblogs.com/guzhongx/p/kindeditor.html 1.下载kindeditor,存放于Content文件夹下 <script src="~/Content/kindeditor/kindeditor-all.js"></script> 2.View <script> var editor; KindEditor.ready(function (K) { editor = K.create('te…

在线富文本编辑器kindeditor配置（.Net Framework 3.5）

下载地址:http://kindeditor.net/down.php 解压放在项目要目录下, 在Bin目录下添加引用:LitJSON.dll 在页面头部加: <link rel="stylesheet" href="../kindeditor-4.1.10/themes/default/default.css" /> <link rel="stylesheet" href="../kindeditor-4.1.10/…

优秀的富文本编辑器 Kindeditor

<textarea name="txtbody" style="width:100%;height:320px;" > {$article.txt} </textarea> <script charset="utf-8" src="__STATIC__/kindeditor/kindeditor.js"></script> <script charset="utf…

在线编辑器kindEditor

操作文档:http://kindeditor.net/doc.php 文件下载…

java富文本编辑器KindEditor

在页面写一个编辑框: <textarea name="content" class="form-control" id="content" required="true" style="width: 90%; height: 360px;"></textarea> 页面导入css和js文件: <link rel="stylesheet" href="…

富文本编辑器 kindeditor

下载 在页面中添加JS代码,用于初始化kindeditor <script type="text/javascript"> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', { allowFileManager : true }); }); </script>…

富文本编辑器kindeditor插件

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

编辑器KindEditor的使用

1.具体使用方法看点这里 2.下载点这里 3.文件夹说明 ├── asp asp示例,删掉 ├── asp.net asp.net示例,删掉 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例,删掉 ├── jsp java示例,删掉 ├── kindeditor-all-min.js 全部JS(压缩) ├── kindeditor-all.js 全部JS(未压缩) ├── kindeditor-min.js 仅KindEditor JS(压…

KindEditor编辑器使用

KindEditor使用 1)kindeditor默认模式调用 <link rel="stylesheet" href="./KindEditor/themes/default/default.css" /> <script charset="utf-8" src="./KindEditor/kindeditor-min.js"></script> <script charset=&q…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（36）-文章发布系统③-kindeditor使用

系列目录 我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级.都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能带有,上传文件的缩略图和水印的源码!这块也是比较复杂和备受关注的功能 一.下载编辑器 KindEditor 4.1.10 (2013-11-23) [1143KB] 官方最新版 或者: http://www.kindsoft.net/down.php 二.添加到项目 解压 kindeditor-x.…

kindeditor-在线编辑器

写在前面的话: 今天是第一次写博客,很值得纪念,希望能够和大神们一起交流技术,一起进步...来自<一只有梦想的前端小白> 最近项目中需要实现图文混排的效果,所以研究了下在线编辑器-- kindeditor,在此之前也有研究过百度的在线编辑器--ueditor,但是百度的在线编辑器ueditor较 kindeditor 大10倍左右,所以综合一些原因最终选择使用kindeditor.下面分享下kindeditor在java项目中的配置以及运行结果: 1.去官网 http://kindeditor…