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输入框

<textarea id="editor_id" name="content" style="width:700px;height:300px;">
	这里输入内容...
</textarea>

2、在该HTML页面添加以下脚本

<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script>
      KindEditor.ready(function(K) {
             window.editor = K.create(‘#editor_id‘);
      });
</script>

效果如图:

作者:itmyhome

时间: 2024-10-26 13:31:57

kindeditor使用方法的相关文章

Thinkphp编辑器扩展类kindeditor使用方法

一, 使用前的准备. 使用前请确认你已经建立好了一个Thinkphp网站项目. 1,Keditor.class.php和JSON.class.php 是编辑器扩展类文件,将他们复制到你的网站项目的ThinkPHP\Lib\ORG\Net 文件夹下. 2,editor文件夹是kindeditor的核心包.将其复制到你项目的Public文件夹下(和入口文件同级的那个Public),并在Public下再建立一个Upload文件夹,用于存放使用编辑器上传的图片. 3,KeditorAction.clas

再jsp页面中使用kindeditor 的方法

第一步:在eclipse中创建一个动态web工程 第二步:在webcontent目录下创建一个目录 第三步:再将css和js放到刚建的目录下 第四步:打开http://kindeditor.net/ke4/examples/default.html网站 第五步:[右击].[查看网页源代码].复制所有代码 第六步:在webcontent下建一个jsp文件,文件名为index.jsp 第七步:将复制的代码放到index.jsp中 运行结果: 原文地址:https://www.cnblogs.com/

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

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

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

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

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

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

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

kindeditor富文本框使用方法

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