KindEditor编辑器使用教程

   1、你要把所需的文件下载下来,下载地址去上面的官网找吧。

  2、你要把所需要的文件上传到你的网站,接下来就是引用了。在需要显示编辑器的位置添加textarea输入框,注意ID在页面中应该是唯一的,不说你也知道。


  3、在该HTML页面添加以下脚本,第一个参数可用其它CSS选择器,匹配多个textarea时只在第一个元素上加载编辑器。通过K.create函数的第二个参数,可以对编辑器进行配置,具体参数请参考 编辑器初始化参数 (官网有详细介绍)。


  4、如果你想获得编辑器中的数据,可以用下面的代码。


  KindEditor的使用方法就介绍到这里了,希望对您有用。

时间: 2024-10-31 07:17:28

KindEditor编辑器使用教程的相关文章

KindEditor编辑器配置参数属性

在<KindEditor-KindEditor简介>中提到了KindEditor编辑器的使用方法,通过使用KE.show(config)方法即可将编辑器添加到文档中.下面是一段源码:     KE.show = function(args) {         KE.init(args);         KE.event.ready(function() { KE.create(args.id); });     }; 从源码中可以看出,有两种使用编辑器的方法: 法一:KE.show(con

kindeditor编辑器点中图片滚动条往上顶的bug

  这篇文章主要介绍了kindeditor编辑器点中图片滚动条往上顶的bug的相关资料,需要的朋友可以参考下 比如现在我插入两张图片, 无论我点击哪张图片,里边的滚动条都会往上顶. 本来以为往上会有解决方法,一查结果没有;然后想着去官网查查,然而什么都没有,想到官网提交这个bug,结果没地方提交. 怎么解决,如果单是解决这个bug,去研究源码,我觉的是吃力不讨好的. 然后我就直接从 click.mousedown 这两个事件找起,找它们获得高度的地方,然后 感觉是的话就console.log下,

kindeditor编辑器-在asp.net中如何在后台获取kindeditor输入的内容

问题描述 在asp.net中如何在后台获取kindeditor输入的内容 js代码: var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name=""content""]' { allowFileManager : true resizeType : 1 allowPreviewEmoticons : false allowImageUpload : true items :

kindeditor sql-asp.net:怎么把kindeditor编辑器的图文保存到sqlserver 数据库,并读取

问题描述 asp.net:怎么把kindeditor编辑器的图文保存到sqlserver 数据库,并读取 kindeditor存在于一个产品发布页面,主要用于批量上传产品的介绍图片,功能类似于淘宝的"发布宝贝",但是,我不知道该怎么把上传的图片保存到SqlServer2008数据库中,以便在用户点击产品的时候该产品的介绍图片能从数据库中读取.希望能得到详细地解答,不胜感激~

服务器-kindeditor编辑器跨域问题求解

问题描述 kindeditor编辑器跨域问题求解 在后台站点的kindeditor编辑器里上传图片,资源服务器是另外一个域名,根域名相同,二级域名不同,图片能上传成功,但一直提示上传中,请稍后的提示框,F12看到如下错误信息: Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://admi

DWZ与KindEditor编辑器的整合

原文:DWZ与KindEditor编辑器的整合 DWZ自带的编辑器是xheditor,可能很多人用不习惯.就像我,习惯用kindeditor了.现在就来说说如何整合dwz和kindeditor. 一.打开DWZ的中的dwz.ui.js,进行修改. 首先找到 if ($.fn.xheditor) { $("textarea.editor", $p).each(function(){ var $this = $(this); var op = {html5Upload:false, ski

百度UEditor编辑器使用教程与使用方法(图文)_网页编辑器

我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法,希望对大家有所帮助. 第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/web

源代码-kindeditor 编辑器创建一个视频

问题描述 kindeditor 编辑器创建一个视频 源代码 这个好像是个图片,我需要一个视频标签 解决方案 ke编辑器里面不直接放embed这种标签的,用图片替代,提交的时候采用js脚本替换回来 你要直接插视频,自己组合embed标签就行了 var html='<embed src="'+url+'"......其他的参数,如width,height,autostart.../>' 有用记得采纳

PHPCMS集成kindeditor编辑器 插入代码在页面高亮

1.先从官方下载kindeditor编辑器,官方网址:www.kindsoft.net,将全部文件解压到名为kindeditor文件夹中,将该文件夹放在/statics/js/下. 2.然后修改\phpcms\libs\classes\form.class.php文件18行 将 $str = ''; define('EDITOR_INIT', 1); 修改为: $str .= ''; $str .= '';       define('EDITOR_INIT', 1);           $s