kindeditor多个编辑器编辑器的使用方法 kindeditor多个编辑器怎么用

&如果你如果您觉得此软件好,请
&如果你如果您觉得此软件差,请
&&本地下载地址:
『 高速下载通道 』
『 其它下载地址 』
&&软件介绍:
kindeditor4.x帮助文档是一款chm格式的电子图书,详细的介绍了kindeditor软件的使用方法,常用属性,以及常见问题,能够帮助用户更好的学习常握好软件,更方便的应用到实际工作中。软件介绍:kindeditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合,非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的编辑器之一。kindeditor使用方法:1、下载编辑器下载 KindEditor 最新版本,下载之后打开 examples/index.html 就可以看到演示。下载页面: 2、部署编辑器解压 kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里,例如:http://您的域名/editor/3、修改HTML页面a: 在需要显示编辑器的位置添加textarea输入框。 &textarea id=&editor_id& name=&content& style=&width:700height:300&&&strong&HTML内容&/strong&&/textarea&b: 在该HTML页面添加以下脚本&link rel=&stylesheet& href=&/editor/themes/default/default.css& /&&script charset=&utf-8& src=&/editor/kindeditor.js&&&/script&&script charset=&utf-8& src=&/editor/lang/zh_CN.js&&&/script&&script&&&&&&&&&&&&&&& KindEditor.ready(function(K) {&&&&&&&&&&&&&&& editor = K.create('#editor_id');&&&&&&& });&/script&4、获取HTML数据html = editor.html();editor.sync();html = document.getElementById('editor_id').html = K('#editor_id').val(); // KindEditor Node APIhtml = $('#editor_id').val(); // jQueryeditor.html('HTML内容');kindeditor4.0帮助文档的目录列表:1、编辑器使用方法 2、编辑器初始化参数 3、更改编辑器外观 4、添加自定义插件 5、上传文件 6、常见问题 7、基础(Base) API 8、事件(Event) API 9、选择器(Selector) API 10、Node API 11、Range API 12、Command API 13、Ajax API 14、Widget API 15、下拉菜单(Menu) API 16、取色器(ColorPicker) API 17、弹出窗口(Dialog) API 18、Tabs API 19、上传按钮(UplaodButton) API 20、编辑器(Editor) API
&&相关软件:
我喜欢这个软件 我不喜欢这个软件
应用软件小类
福昕pdf阅读器(Foxit Reader)是一款专业的多功能Adobe Reader文档阅读器。软
快用苹果助手2015是一款苹果不越狱安装软件,中国大陆市场唯一一款苹果不越
Adobe在10月份发布了新一代Acrobat X软件家族,其中包括PDF创建编辑软件Acr
lingoes 灵格斯词霸是一款简明易用的翻译与词典软件,支持全球超过60多个国
winrar是目前pc端装机量最多的解压缩软件,从2.x到最新的5.0版本,从dos平台
软件下载排行
软件详细资料已被复制到粘贴板,直接粘贴既可。
 |  |  |  |  | 
版权所有 Copyright &二次元同好交流新大陆
扫码下载App
汇聚2000万达人的兴趣社区下载即送20张免费照片冲印
扫码下载App
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!&&|&&
To be a better man!
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
if ($.fn.xheditor) {
$("textarea.editor", $p).each(function(){
var $this = $(this);
var op = {html5Upload:false, skin: 'vista',tools: $this.attr("tools") || 'full'};
var upAttrs = [
["upLinkUrl","upLinkExt","zip,rar,txt"],
["upImgUrl","upImgExt","jpg,jpeg,gif,png"],
["upFlashUrl","upFlashExt","swf"],
["upMediaUrl","upMediaExt","avi"]
$(upAttrs).each(function(i){
var urlAttr = upAttrs[i][0];
var extAttr = upAttrs[i][1];
if ($this.attr(urlAttr)) {
op[urlAttr] = $this.attr(urlAttr);
op[extAttr] = $this.attr(extAttr) || upAttrs[i][2];
$this.xheditor(op);
这个地方,在它的后面加上一段代码
$("textarea.kindeditor", $p).each(function () {
$.getScript('kindeditor/kindeditor-min.js', function () {
KindEditor.basePath = 'kindeditor/';
var editor = KindEditor.create('textarea[name="content"]', {
uploadJson: 'kindeditor/asp.net/upload_json.ashx',
fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterBlur: function () { editor.sync(); },
afterCreate: function () {
var self = this;
KindEditor.ctrl(document, 13, function () {
self.sync();
K('form[name=Myform]')[0].submit();
KindEditor.ctrl(self.edit.doc, 13, function () {
self.sync();
KindEditor('form[name=Myform]')[0].submit();
注意几个地方:
1、kindeditor的路径问题,不要弄错了。我是MVC项目,因此我把kindeditor整个文件夹放在了根目录下的Content文件夹中。
2、设定使用编辑器表单页的form名称,例如我这儿设定为Myform。则在页面中必须有&form id="Myform"&。
3、设定多行文本框textarea的名称。通过
KindEditor.create('textarea[name="content"]'
这句,在页面上的textarea的name属性就必须取名为content。
首先在DWZ的index页中,引用kindeditor编辑要用的文件,如
&script type="text/javascript" src="kindeditor/kindeditor-min.js"&&/script&
&script type="text/javascript" src="kindeditor/lang/zh_CN.js"&&/script&
然后增加一个DWZ的页面片段
&form method="post" id="Myform" action="PostArticle" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone)"&
&textarea name="content" class="kindeditor" style="width: 680 height: 200"&&/textarea&
&input type="submit"
value="添加" /&
这样就可以了。实际上就两个名字对应上就可以了,一个是&form&标记的id属性,一个是&textarea&标记的name属性。再加上一个class=“kindeditor",这个不能少,也不能变。
效果如果:
阅读(2263)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'[转] DWZ与KindEditor编辑器的整合',
blogAbstract:'\r\nDWZ自带的编辑器是xheditor,可能很多人用不习惯。就像我,习惯用kindeditor了。现在就来说说如何整合dwz和kindeditor.\r\n一、打开DWZ的中的dwz.ui.js,进行修改。\r\n首先找到\r\n',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:7,
publishTime:7,
permalink:'blog/static/',
commentCount:3,
mainCommentCount:2,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'To be a better man!',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人:
{list a as x}
{if !!b&&b.length>0}
他们还推荐了:
{list b as y}
转载记录:
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}KindEditor怎么使用?KindEditor编辑器使用图文教程
作者:佚名
字体:[ ] 来源:互联网 时间:06-15 09:46:00
KindEditor是一款开源在线html编辑器,可以让用户在网站上获得所见即所得的编辑效果,今天小编就给大家介绍KindEditor编辑器这款软件的使用教程
KindEditor是一款开源在线html编辑器,可以让用户在网站上获得所见即所得的编辑效果,今天小编就给大家介绍KindEditor编辑器这款软件的使用教程。
软件名称:在线HTML编辑器 KindEditor V1.4.2.9 中文正式绿色版软件大小:489KB更新时间:
1、你要把所需的文件下载下来,下载地址去上面的官网找吧。
2、你要把所需要的文件上传到你的网站,接下来就是引用了。在需要显示编辑器的位置添加textarea输入框,注意ID在页面中应该是唯一的,不说你也知道。
3、在该HTML页面添加以下脚本,第一个参数可用其它CSS选择器,匹配多个textarea时只在第一个元素上加载编辑器。通过K.create函数的第二个参数,可以对编辑器进行配置,具体参数请参考 编辑器初始化参数 (官网有详细介绍)。
4、如果你想获得编辑器中的数据,可以用下面的代码。
KindEditor的使用方法就介绍到这里了,希望对您有用。
大家感兴趣的内容
12345678910
最近更新的内容KindEditor编辑器的使用方法 KindEditor怎么用_百度知道
KindEditor编辑器的使用方法 KindEditor怎么用
我有更好的答案
网上找一下教程,有很多的撒!!
其他类似问题
为您推荐:
kindeditor的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 织梦kindeditor编辑器 的文章

 

随机推荐