kindeditor使用方法

一.下载编辑器下载KindEditor最新版本(本版本为4.1.10) 下载页面:http://kindeditor.net/down.php 二.部署编辑器解压kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,如图: PS: 可以根据需求删除以下目录后上传到服务器. asp - ASP程序 asp.net - ASP.NET程序 php - PHP程序 examples - 演示文件三.修改HTML页面 1.在需要显示编辑器的位置添加textarea输入…

在HTML5 中使用 kindeditor 的方法

1.打开:http://kindeditor.net/ke4/examples/default.html 2.查看源代码,另存为 3.打开http://kindeditor.net/demo.php,点击右上角的下载按钮下载源码 4.将lang,plugins,themes,kindeditor-all.js复制到网页目录下 5.修改JS和CSS的相对路径 6.成功截图…

kindeditor加入方法

1.editor文件夹拷进来 2. editor里jsp子文件夹里找到几个jar拷贝到网站的web-app里的lib下 3. 网页里 head里加个这个 <link rel="stylesheet" href="editor/themes/default/default.css" /> <link rel="stylesheet" href="editor/plugins/code/prettify.css"…

再jsp页面中使用kindeditor 的方法

1.创建一个动态web工程 2.建立一个static库文件夹把CSS,JS样式放进去 3. 复制HTML代码到jsp页面中 4.在相对路径中加上一个"static/" 5.运行截图…

kindeditor图片上传 struts2实现

一.kindeditor以及struts2部署搭建不再赘述,如需要请参考kindeditor使用方法 Struts2框架搭建二.kindeditor图片上传所依赖jar包在kindeditor\jsp\lib下有三.以下列出部分核心代码,如需要全部源码可点击下载 JSP <textarea id="editor_id" name="content" style="width:950px;height:300px;"> 这里输入内容…

kindEditor富文本编辑器

用法参考:http://kindeditor.net/docs/usage.html 一.使用 . 修改HTML页面在需要显示编辑器的位置添加textarea输入框. <textarea id="editor_id" name="content" style="width:700px;height:300px;"> <strong>HTML内容</strong> </textarea> 在该HT…

MVC KindEdit

先将下载的KindEditor放到项目中 View页面 <!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> @Scripts.Render("~/bundles/kindeditor") //MVC4…

vue前端开发那些事——vue组件开发

vue的学习曲线不是很陡(相比其它框架,如anglarjs),官方文档比较全面,分为基础篇和高级篇.我们刚开始学习的时候,肯定像引用jquery那样,先把vue的js引进来,然后学习基础内容.如果仅仅停留在基础内容,没有学习vue组件的话,我觉得也就没有什么意思了.vue的核心思想——组件,是一个很好的东西,它提供了功能复用. 1.单文件组件所谓单文件组件,顾名思义,一个vue格式的文件就是一个组件.好比python和js的模块,文件即模块.vue组件带有自己的模板,可以理解…

javaSE27天复习总结

JAVA学习总结 2 第一天 2 1:计算机概述(了解) 2 (1)计算机 2 (2)计算机硬件 2 (3)计算机软件 2 (4)软件开发(理解) 2 (5)语言 2 (6)人机交换 2 2:键盘功能键的认识和快捷键(掌握) 2 (1)功能键的认识 2 (2)快捷键 3 3:常见的DOS命令(掌握) 3 (1)常见的如下 3 (2)其他的几个(了解) 3 4:Java语言概述(了解) 4 (1)Jav…

KindEditor 编辑器使用方法

http://kindeditor.net/docs/usage.html 编辑器使用方法 1. 下载编辑器下载 KindEditor 最新版本,下载之后打开 examples/index.html 就可以看到演示. 下载页面: http://www.kindsoft.net/down.php 2. 部署编辑器解压 kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,例如:http://您的域名/editor/ Note 您可以根据需求删除以下目录后上传到服务…

KindEditor得不到textarea值的解决方法

转自:http://blog.phpha.com/archives/510.html 以前有朋友遇到过这个问题,就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值,点击表单提交按钮得到的是空白.昨天天涯PHP博客[http://blog.phpha.com]也无意遇到这个问题,于是想认真找下原因.首先描述下我这边KindEditor的错误现象:1.在IE8/FF下均得不到值:2.当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值…

KindEditor得不到textarea值的解决方法----摘至天涯

以前有朋友遇到过这个问题,就是KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值,点击表单提交按钮得到的是空白.昨天天涯PHP博客[http://blog.phpha.com]也无意遇到这个问题,于是想认真找下原因. 首先描述下我这边KindEditor的错误现象: 1.在IE8/FF下均得不到值: 2.当点击KindEditor的全拼按钮切换到全屏模式输入时,再返回正常模式,可以得到值: 3.我用的是jQuery的点击事件提交表单的,提交,无法得到值: 4.直接用…

kindeditor编辑器代码过滤解决方法.

很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个问题,如:给A标签加上title属性过后,浏览的时候,却神奇般地发现title属性没有了.再次切换html源代码的时候,返现编辑器将title属性给删掉了.追究其根本原因主要是kindeditor设置了标签和属性的默认过滤机制.KindEditor默认状态下会过滤编辑器里的html代码,主要是为了生成干净的代码,就会出现我们想不到的结果,现在焦国强为大家讲解:如何避免自己手动添加的代码被不必要的过滤. 首先我们知道3.4版本以上版本默…

ThinPHP第二十八天(F函数和file_put_contents区别|PHP生成PHP文件,Kindeditor编辑器使用方法)

1.F(name,data,path)函数和file_put_contents(file,str)区别 F函数直接生成<?php ?>格式的php文件了,将data加入到<?php和?>之间中. file_put_contents(file,str),将str写入到file中. str应该自己设计格式 $str = "<?php\r\nreturn ".var_export(array_change_key_case($_POST,CASE_UPPER),…

JS获取 KindEditor textarea 标签 html内容失败的解决方法。

KindEditor 这个东西研究的不多,JS在通过调用getElementById 获取文本id的内容时候,KindEditor 尚未将内容同步,官方给的解决方法是afterBlur: function () { this.sync(); } 在编辑器失去焦点时(比如你点击提交时即会失去焦点),使用sync()去同步HTML,不知怎么的,这个函数总是调用失败,通过查阅该博客解决. 解决方法:整体替换将以下脚本内容 <script> var editor; KindEditor.read…

在cms以及kindeditor中插入百度动态地图的方法

想在网页中插入动态地图不难,直接打开网址http://api.map.baidu.com/lbsapi/creatmap/,然后按照提示操作,最终生成脚本,放到html文件中即可.而在kindeditor中插入动态地图就更简单了,最新版的kindeditor已经添加了插入动态地图的功能. 这里我要说的是,如果一个cms中整合的是老版本的kindeditor,没有插入动态地图这个功能,或者kindeditor生成的地图尺寸太小,又不能更改,那么我们要怎么办呢? 偶然间我想到一个方法,我们可以先按照…

jQuery读取和设定KindEditor值的方法

转载自:https://www.jb51.net/article/43595.htm 侵删 jQuery读取和设定KindEditor值的方法更新时间:2013年11月22日 09:03:56 作者: 我要评论这篇文章主要介绍了jQuery读取和设定KindEditor值的方法,大家参考使用吧在使用Kindeditor的时候,想要利用Ajax传值,但是通过editor封装的方法是行不通的,原因在于编辑器我们是放在另一个jsp页面,通过iframe来加载的,同时这个ifra…

kindeditor在线文本编辑器过滤HTML的方法

在使用kindeditor文本编辑器时遇到的问题,客户直接从Excel里粘贴文本内容到文本编辑器中(能不能再懒一些),然后不调整粘贴内容直接就保存(你敢不敢再懒一些)!对于这种很无语的行径,我只能对他大吼一声,我做一个标签过滤吧,这样你粘贴就不会出现问题了(怂?谁惹得起客户). 过滤方法也简单: KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { filterMode: true…

KindEditor.ready 不执行的解决方法

问题描述按照官网的要求,一一都设置好了,但就是没法显示富文本编辑器. 1.设置好textarea输入框 <textarea id="myEditor" name="content" style="width:700px;height:300px;"> <strong>HTML内容</strong> </textarea> 2.在页面添加js脚本 <script charset="u…

kindeditor富文本框使用方法

这周我一共使用了两个文本框编辑器!我的上一篇文档讲的是wangeditor这个编辑器,现在就来讲讲kindeditor这个编辑器! 首先还是去它的官网去下载脚本! http://kindeditor.net/demo.php 所做的操作和那个wangeditor编辑器差不多都是需要在你的HTML的<body>里面加上下面这段标签: 1 <textarea style="width: 98%;" rows="15" name="Conten…

清空KindEditor富文本编辑器里面的内容方法

//清空KindEditorKindEditor.instances[0].html(""); 0表示第一个KindEditor编辑器对象详情见链接:http://www.newasp.net/tech/83166.html…

KindEditor提交用jquery获取不到数据的解决方法

http://www.douban.com/note/257795704/ 如果说用php接收的话,在HTML中这样写就可以了var editor;KindEditor.ready(function(K) { editor = K.create('#editor_id');如果是用ajax方式提交的话,这样是获取不到数据的,最关键的是数据不同步在html页面中的javascript程序要这样写<script type="text/javascript"> KindEd…

KindEditor设置为过滤模式，但在代码模式下提交表单时不过虑HTML标签的解决方法

KindEditor设置filterMode为true,但在代码模式下提交表单的话,发现并没有过虑掉自己不想保留的HTML标签. 这时只需同步内容前加上红色部分内容即可: onClick="if (!keditor.designMode){keditor.clickToolbar('source');}; keditor.sync();"…

MVC中提交包含HTML代码的页面处理方法(尤其是在使用kindeditor富文本编辑器的时候)

针对文本框中有HTML代码提交时,mvc的action默认会阻止提交,主要是出于安全考虑.如果有时候需求是要将HTML代码同表单一起提交,那么这时候我们可以采取以下两种办法实现: 1.给Controller的Action方法打上标记 [ValidateInput(false)](针对特定的action) 2.在web.config配置文件中<system.web>节中加入<httpRuntime requestValidationMode="2.0"/>(针对全…

KindEditor自动过滤首行缩进和全角空格的解决方法

KindEditor 4.1.11:kindeditor-all.js 文件中大致第752行: /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[^\s"'<>]+)|(?:\s+[\w\-:"]+="[^"]*")|(?:\s+[\w\-:"]+='[^']*'))*)(\/)?>(\s*)/g; kindeditor-all-min.js 文件中…

kindeditor支持flv视频播放方法

打开plugins\media下面的media.js,打开,找到下面的代码: var html = K.mediaImg(self.themesPath + ‘common/blank.gif’, { src: url, type: K.mediaType(url), width: width, height: height, autostart: autostartBox[0].checked ? ‘true’: ‘false’, loop: ‘true’ }); 修改为: if (url.s…

kindeditor在Firefoxt 和 Chrome 下不能取到值的解决方法

默认form模式提交数据的时候,在ie下用户不需要进行任何设置和调用sync函数,因为editor已经自动调用,但是在firefox和 chrome下,用户如果不手动调用sync函数,editor的数据将不会自动同步到textarea下,因此造成表象就是ie下只要点击提交按钮就可以收到数据,chrome下无法接受数据. 间接解决办法: <script> KindEditor.ready(function(K) { …

KindEditor 4.1.11最新版网站实例包含使用方法下载地址

KindEditor是非常好的富媒体文本编辑系统,短小精悍,可惜网上找到的都是有各种问题!一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就不更新了,官方最新的为 KindEditor 4.1.1 (2012-06-10), ,我这个网站里的是从qq群里下载的标明的版本为4.1.11 下载地址:http://download.csdn.net/detail/simadi/9773001…

kindeditor 修改上传图片的路径的方法

默认情况下kindeditor上传的图片在编辑器的根目录/attached/目录下.以日期建一个目录,然后保存文件.有些时候大概我们并不想这样.考虑到更新编辑器,或更换编辑器不太方便.比如我现在想把上传的文件保存在根目录下的uploadfiles目录下,需要修改一下代码. 首先,打开文件php\upload_json.php,在大约第16行到第19行,定义了文件保存目录路径和文件保存目录URL,我们需要修改为: //文件保存目录路径 $save_path = $_SERVER['DOCUMENT…

KindEditor在eclipse里的配置方法

KindEditor介绍: kindEditor是一款国产富文本编辑器,类似fckeditor和目前比较流行的百度Ueditor.其产品官方网站为http://kindeditor.net/ KindEditor下载: 官网下载地址:(可能无法下载到历史版本) http://kindeditor.net/down.php Google下载地址: https://code.google.com/p/kindeditor/downloads/list KindEditor使用: 注意:本文使用的实例…

【kindeditor使用方法】的更多相关文章