<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>KindEditor Examples</title>
<style>
.ke-tabs-example li {
padding: 0 5px;
}
.ke-icon-example1 {
background-image: url(../skins/default/default.gif);
background-position: 0px -672px;
width: 16px;
height: 16px;
}
.ke-icon-example2 {
background-image: url(../skins/default/default.gif);
background-position: 0px -672px;
width: 16px;
height: 16px;
}
</style>
<link rel="stylesheet" href="../themes/default/default.css" />
<link rel="stylesheet" href="../themes/simple/simple.css" />
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script>
// 自定义插件 #1
KindEditor.lang({
example1 : '插入HTML'
});
KindEditor.plugin('example1', function(K) {
var self = this, name = 'example1';
self.clickToolbar(name, function() {
self.insertHtml('<strong>测试内容</strong>');
});
});
// 自定义插件 #2
KindEditor.lang({
example2 : 'CLASS样式'
});
KindEditor.plugin('example2', function(K) {
var self = this, name = 'example2';
function click(value) {
var cmd = self.cmd;
if (value === 'adv_strikethrough') {
cmd.wrap('<span style="background-color:#e53333;text-decoration:line-through;"></span>');
} else {
cmd.wrap('<span class="' + value + '"></span>');
}
cmd.select();
self.hideMenu();
}
self.clickToolbar(name, function() {
var menu = self.createMenu({
name : name,
width : 150
});
menu.addItem({
title : '红底白字',
click : function() {
click('red');
}
});
menu.addItem({
title : '绿底白字',
click : function() {
click('green');
}
});
menu.addItem({
title : '黄底白字',
click : function() {
click('yellow');
}
});
menu.addItem({
title : '自定义删除线',
click : function() {
click('adv_strikethrough');
}
});
});
});
function getParam(url, name) {
return url.match(new RegExp('[?&]' + name + '=([^?&]+)', 'i')) ? unescape(RegExp.$1) : '';
}
KindEditor.ready(function(K) {
var tabTitleList = ['默认模式', '简单模式', '异步加载', '多语言', '只读模式', '回车换行设置', '统计字数', 'HTML过滤', 'URL设置', '自定义风格', '自定义插件'];
var optionMap = {
'content0' : {
cssPath : '../plugins/code/prettify.css',
allowFileManager : true
},
'content1' : {
cssPath : '../plugins/code/prettify.css',
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : false,
items : [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
},
'content2' : {
cssPath : '../plugins/code/prettify.css',
basePath : '../'
},
'content3' : {
cssPath : '../plugins/code/prettify.css',
langType : 'en'
},
'content4' : {
cssPath : '../plugins/code/prettify.css',
readonlyMode : true
},
'content5' : {
cssPath : '../plugins/code/prettify.css',
newlineTag : 'br'
},
'content6' : {
cssPath : '../plugins/code/prettify.css',
afterChange : function() {
K('#tab6 .word_count1').html(this.count());
K('#tab6 .word_count2').html(this.count('text'));
}
},
'content7' : {
cssPath : '../plugins/code/prettify.css',
filterMode : true
},
'content8' : {
cssPath : '../plugins/code/prettify.css',
urlType : ''
},
'content9' : {
cssPath : '../plugins/code/prettify.css',
themeType : 'simple'
},
'content10' : {
cssPath : ['../plugins/code/prettify.css', 'index.css'],
items : ['source', 'removeformat', 'example1', 'example2']
}
};
var editor = null;
var tabs = K.tabs({
src : K('#tabs'),
cls : 'ke-tabs-example',
afterSelect : function(i) {
if (editor) {
editor.remove();
editor = null;
}
if (i == 2) {
return;
}
editor = K.create('#tab' + i + ' textarea[name=content]', optionMap['content' + i]);
}
});
K.each(tabTitleList, function(i, title) {
tabs.add({
title : title,
panel : K('#tab' + i)
});
})
var index = parseInt(getParam(location.href, 'tab') || 0, 10);
tabs.select(index);
K('#tab' + index).show();
K('#tab0 input[name=getHtml]').click(function(e) {
alert(editor.html());
});
K('#tab0 input[name=isEmpty]').click(function(e) {
alert(editor.isEmpty());
});
K('#tab0 input[name=getText]').click(function(e) {
alert(editor.text());
});
K('#tab0 input[name=selectedHtml]').click(function(e) {
alert(editor.selectedHtml());
});
K('#tab0 input[name=setHtml]').click(function(e) {
editor.html('<h3>Hello KindEditor</h3>');
});
K('#tab0 input[name=setText]').click(function(e) {
editor.text('<h3>Hello KindEditor</h3>');
});
K('#tab0 input[name=insertHtml]').click(function(e) {
editor.insertHtml('<strong>插入HTML</strong>');
});
K('#tab0 input[name=appendHtml]').click(function(e) {
editor.appendHtml('<strong>添加HTML</strong>');
});
K('#tab0 input[name=clear]').click(function(e) {
editor.html('');
});
K('#tab2 input[name=load]').click(function() {
K.loadScript('../kindeditor.js', function() {
editor = K.create('#tab2 textarea', optionMap.content2);
});
});
K('#tab2 input[name=remove]').click(function() {
if (editor) {
editor.remove();
editor = null;
}
});
K('#tab3 select[name=lang]').change(function() {
if (editor) {
editor.remove();
editor = null;
}
optionMap.content3.langType = this.value;
editor = K.create('#tab3 textarea', optionMap.content3);
});
K('#tab4 input[name=readonly]').click(function() {
editor.readonly();
});
K('#tab4 input[name=cancel]').click(function() {
editor.readonly(false);
});
K('#tab5 select[name=newlineTag]').change(function() {
if (editor) {
editor.remove();
editor = null;
}
optionMap.content5.newlineTag = this.value;
editor = K.create('#tab5 textarea', optionMap.content5);
});
K('#tab8 select[name=urlType]').change(function() {
if (editor) {
editor.remove();
editor = null;
}
optionMap.content8.urlType = this.value;
editor = K.create('#tab8 textarea', optionMap.content8);
});
K('#tab9 select[name=themeType]').change(function() {
if (editor) {
editor.remove();
editor = null;
}
optionMap.content9.themeType = this.value;
editor = K.create('#tab9 textarea', optionMap.content9);
});
});
</script>
</head>
<body>
<div id="tabs"></div>
<!-- 默认模式 -->
<div id="tab0" style="display:none;">
<form>
<textarea name="content" style="width:800px;height:400px;visibility:hidden;">
<p>
引入文件:
</p>
<pre class="prettyprint">
&lt;link rel="stylesheet" href="../themes/default/default.css" /&gt;
&lt;script charset="utf-8" src="../kindeditor.js"&gt;&lt;/script&gt;
&lt;script charset="utf-8" src="../lang/zh_CN.js"&gt;&lt;/script&gt;
</pre>
<p>
JavaScript代码:
</p>
<pre class="prettyprint">
艺帆欧美现代简约风格企业网站模板 v1.7.6.zip
版权申诉
48 浏览量
2022-11-22
02:41:44
上传
评论
收藏 5.08MB ZIP 举报
艺帆欧美现代简约风格企业网站模板 v1.7.6.zip （1000个子文件） 
getcode.asp 21KB upload.asp 21KB safecode.asp 17KB safecode.asp 17KB safecode.asp 17KB UpLoad_Class.asp 16KB right.asp 16KB admin_sql.asp 14KB qz08txt.asp 12KB config.asp 12KB md5.Asp 11KB md5.Asp 11KB body_page.asp 11KB i5808_config.asp 11KB admin_xtsz.asp 11KB admin_products_smallclass.asp 10KB main.asp 9KB xiugai_download.asp 9KB admin_administrator.asp 9KB xiugai_products.asp 9KB browse.asp 8KB admin_products_Bigclass.asp 8KB add_products.asp 8KB admin_menu.asp 8KB xiugai_news.asp 7KB left.asp 7KB add_download.asp 7KB admin_news.asp 7KB admin_download_fl.asp 7KB admin_newsfl.asp 7KB add_news.asp 7KB admin_orders.asp 7KB admin_aboutfl.asp 7KB xiugai_user.asp 7KB xiugai_about.asp 7KB admin_products.asp 6KB file_manager_json.asp 6KB file_manager_json.asp 6KB admin_download.asp 6KB Resume.asp 6KB Sql.Asp 6KB Upfile_Photo.asp 6KB admin_Job.asp 6KB admin_user.asp 6KB add_about.asp 6KB xiugai_Job.asp 6KB class_i5808.asp 5KB admin_ly.asp 5KB admin_Resume.asp 5KB xiugai_orders.asp 5KB admin_link_img.asp 5KB xiugai_flash.asp 5KB admin_link_txt.asp 5KB admin_xinxisz.asp 5KB JSON_2.0.4.asp 5KB JSON_2.0.4.asp 5KB add_Job.asp 5KB Manage_backup.asp 4KB admin_about.asp 4KB upfileclass.asp 4KB add_flash.asp 4KB add_link.asp 4KB admin_count.asp 4KB register_pass.asp 4KB admin_flash.asp 4KB admin_mail.asp 4KB xiugai_ly.asp 4KB login.asp 3KB admin_guanli.asp 3KB xiugai_administrator.asp 3KB i5808_config.asp 3KB upload_json.asp 3KB 404.asp 3KB page.asp 3KB qz081.7.5.asp 3KB page.asp 3KB upload_json.asp 3KB admin_add.asp 3KB xiugaipassword.asp 2KB yp_pass.asp 2KB clientapi.asp 2KB dlg_upload.asp 2KB add_book_pass.asp 2KB remote.asp 2KB standard.asp 2KB admin_top.asp 2KB para_file.asp 2KB add_download_pass.asp 2KB conn.asp 2KB login_pass2.asp 2KB demo.asp 2KB updata_password.asp 2KB add_Job_pass.asp 2KB Buy_order.asp 2KB adminloginpass.asp 2KB seeion.asp 2KB webqq.asp 1KB add_products_pass.asp 1KB index.asp 1KB para_extcss.asp 1KB共 1000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 10
资源评论
毕业_设计
- 粉丝: 1945
- 资源: 1万+
最新资源
- 37713410877648定位助手_202406131.apk
- CSU计网实验B1题目
- 基于Jupyter实现的交通地铁客流量预测+源码+开发文档+数据集+项目解析+数据解析（人工智能大赛）
- Java多线程下载器，多线程，多任务，断点续传
- SolutionProviderTraining - Alexa Calling & Messaging (ACM) Featu
- js逆向常用工具&爬虫工具
- 51单片机定时器-0模拟PWM输出源程序
- 51单片机定时器0模拟PWM输出源代码
- 刷圈兔(手机小工具)ㅤ
- 基于java开发的高仿小米时钟（精确到毫秒，支持触摸3D旋转效果）+源码+界面效果展示（毕业设计&课程设计&项目开发）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
