9 Star 6 Fork 3

飞煌科技 / webadmin

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
iframe-manage.html 36.87 KB
一键复制 编辑 原始数据 按行查看 历史
蓝莓铁匠 提交于 2016-02-24 16:33 . addruleedit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css" />
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/css/admin_custom.css" />
<link rel="stylesheet" href="assets/css/editor.css" />
<link rel="stylesheet" href="assets/js/popmodal/popModal.css" />
<link rel="stylesheet" type="text/css" href="assets/uploader/css/webuploader.css" />
<link rel="stylesheet" type="text/css" href="assets/uploader/image-uploader/style.css" />
</head>
<body>
<style>
.pd8 {
padding: 0.7rem;
}
@media only screen and (min-width: 1330px) {
.show1 {
display: none;
}
}
@media (min-width: 1330px) {
.show1 {
display: none;
}
}
.am-nav-pills>li+li {
margin-left: 0px !important;
}
.am-topbar,
.am-topbar a {
color: #ddd;
}
.headerbg {
border-color: #50627f !important;
}
body {
font-size: 1.4em;
}
.admin-sidebar-list li a {
padding-left: 15px;
}
.admin-sidebar {
width: 245px;
}
.am-tabs-nav {
padding: 0px 20px;
background: url(assets/images/default/noise.white.png);
}
.headermenu span {
display: block;
padding-bottom: 8px;
}
.am-tabs-bd {
border: 1px solid #CCCCCC;
}
.am-nav-tabs>li.am-active>a,
.am-nav-tabs>li.am-active>a:focus,
.am-nav-tabs>li.am-active>a:hover {
border: none;
border-bottom: 3px solid #18aff6;
}
.am-tabs-bd {
overflow: inherit
}
.am-nav>li>a{
padding: .5em 1.8em;
}
</style>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器,Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
以获得更好的体验!</p>
<![endif]-->
<!-- content start -->
<div class="admin-content">
<div class="pageheader">
<h1 class="pagetitle">素材管理</h1>
</div>
<div class="am-tabs tabspad" data-am-tabs>
<ul class="am-tabs-nav am-nav am-nav-tabs tabsbg">
<li class="am-active"><a href="#tab1">图片</a></li>
<li><a href="#tab2">图文</a></li>
</ul>
<div class="am-tabs-bd" id="editcor">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
<div style="border: 1px solid rgba(0,0,0,.3); color: #000; background-color:#fff ; border-radius: 5px 5px 5px 5px; ">
<div class="modalcon">
<div class="modal-header">
<h3 class="title">图片库<button class="am-btn am-btn-secondary am-btn-sm am-text-right am-fr" onclick="EditModal(event,'image-upload.html','图片上传')">图片上传</button></h3></div>
<div class="modal-body">
<div class="am-g picmodal">
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
<section class="am-panel am-panel-default am-fl" style="width: 160px; margin: 10px;">
<main class="" style="position: relative;" >
<a href="javascript:;"><img src="http://mith.qiniudn.com/myface.jpg" width="160px" height="160px" /></a>
<!--<div style="position: absolute; background-color: rgba(0,0,0,0.6); width: 160px; height: 197px;top: 0;" class="imgshade"></div>-->
</main>
<footer class="am-panel-footer">面板页脚</footer>
</section>
</div>
<div class="am-g am-text-center ">
<ul class="pagination">
<li><a href="http://he2/store-wechat?page=1" rel="prev">«</a></li>
<li><a href="http://he2/store-wechat?page=1">1</a></li>
<li class="active"><span>2</span></li>
<li class="disabled"><span>»</span></li>
</ul>
</div>
</div>
<div class="modal-footer">
<button type="button" class="js-btn-ok btn btn-primary" data-loading-text="保存中..." id="savetext">保存</button>
<button type="button" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
</div>
</div>
</div>
</div>
<div class="am-tab-panel am-fade" id="tab2">
<div style="border: 1px solid rgba(0,0,0,.3); color: #000; background-color:#fff ; border-radius: 5px 5px 5px 5px; ">
<div class="modalcon">
<div class="modal-header">
<h3 class="title">图文库<button class="am-btn am-btn-secondary am-btn-sm am-text-right am-fr" onclick="EditModal(event,'wx_tw_duot.html','图文编辑')">新增图文</button></h3></div>
<div class="modal-body">
<div class="am-g picmodal">
<span class="app-design clearfix">
<div class="app-preview">
<div class="app-entry">
<div class="app-fields appmsg-multiple js-fields-region">
<div class="app-fields ui-sortable">
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-first">
<h4 class="appmsg-title">1</h4>
<p class="appmsg-meta">2015-12-23</p>
<div class="appmsg-thumb-wrap">
<p>封面图片</p>
</div>
<div class="appmsg-view-full clearfix">
<span>阅读全文</span>
<span class="pull-right">&gt;</span>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">2</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="twshade" style="position: absolute; background-color: rgba(0,0,0,0.6); width: 325px; height: 388px;top: 0;display: none;"></div>
</div>
</span>
<span class="app-design clearfix">
<div class="app-preview">
<div class="app-entry">
<div class="app-fields appmsg-multiple js-fields-region">
<div class="app-fields ui-sortable">
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-first">
<h4 class="appmsg-title">1</h4>
<p class="appmsg-meta">2015-12-23</p>
<div class="appmsg-thumb-wrap">
<p>封面图片</p>
</div>
<div class="appmsg-view-full clearfix">
<span>阅读全文</span>
<span class="pull-right">&gt;</span>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">2</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="twshade" style="position: absolute; background-color: rgba(0,0,0,0.6); width: 325px; height: 388px;top: 0;display: none;"></div>
</div>
</span>
<span class="app-design clearfix">
<div class="app-preview">
<div class="app-entry">
<div class="app-fields appmsg-multiple js-fields-region">
<div class="app-fields ui-sortable">
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-first">
<h4 class="appmsg-title">1</h4>
<p class="appmsg-meta">2015-12-23</p>
<div class="appmsg-thumb-wrap">
<p>封面图片</p>
</div>
<div class="appmsg-view-full clearfix">
<span>阅读全文</span>
<span class="pull-right">&gt;</span>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field clearfix not-sortable js-not-sortable">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">2</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap">
<span class="action edit">编辑</span>
</div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
<div class="app-field sortitem clearfix">
<div class="appmsg appmsg-multiple-others">
<h4 class="appmsg-title">标题</h4>
<div class="appmsg-thumb-wrap">
<p>缩略图</p>
</div>
</div>
<div class="actions">
<div class="actions-wrap"><span class="action edit">编辑</span> <span class="action delete">删除</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="twshade" style="position: absolute; background-color: rgba(0,0,0,0.6); width: 325px; height: 388px;top: 0;display: none;"></div>
</div>
</span>
</div>
<div class="am-g am-text-center ">
<ul class="pagination">
<li><a href="http://he2/store-wechat?page=1" rel="prev">«</a></li>
<li><a href="http://he2/store-wechat?page=1">1</a></li>
<li class="active"><span>2</span></li>
<li class="disabled"><span>»</span></li>
</ul>
</div>
</div>
<div class="modal-footer">
<button type="button" class="js-btn-ok btn btn-primary" data-loading-text="保存中..." id="savetext">保存</button>
<button type="button" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- content end -->
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--<script src="assets/js/amazeui.min.js"></script>-->
<script type="text/javascript" src="assets/js/layer.js"></script>
<script type="text/javascript" src="assets/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="assets/js/localization/messages_zh.js"></script>
<script type="text/javascript" src="assets/js/popModal.min.js"></script>
<script language="JavaScript">
function EditModal(event, Url, title) {
//alert(title)
if (event.srcElement || event.target) {
layer.open({
type: 2,
shade: 0.3,
title: title, //标题
area: ['80%', '75%'],
content: Url //iframe
});
}
}
function Delete(event){
var srcatr = event.srcElement || event.target
var ModalToken = srcatr.getAttribute('token')
var deleteurl = srcatr.getAttribute('url')
layer.confirm('是否删除?', {
btn: ['确定','取消'] //按钮
}, function(){
$.ajax({
data:$("form").serialize(),
type:"post",
url:deleteurl,
beforeSend:function(XMLHttpRequest){
//layer.msg('send', {icon: 1});
},
error:function(XMLHttpRequest){
//layer.msg('error', {icon: 1});
},
success:function(data,textStatus){
layer.msg('success', {icon: 1});
$('span[url='+deleteurl+']').parents(".am-panel").remove()
}
});
}, function(){
});
}
$.validator.setDefaults({
submitHandler: function() {
alert("提交成功")
form.submit();
e.preventDefault();
}
});
$().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
$(".am-form").validate({
rules: {
wxname: {
required: true,
minlength: 2
},
wxid: {
required: true,
minlength: 5
},
wxnum: {
required: true,
minlength: 5
},
appid: {
required: true,
minlength: 5
},
appsecret: {
required: true,
minlength: 5
}
},
messages: {
wxname: "请输入您的规则名称",
wxid: "请输入公众号原始ID",
wxnum: {
required: "请输入关键词",
minlength: "用户名必需由两个字母组成"
},
wxradio: {
required: "请输入AppSecret",
}
}
});
});
//还原
var picadd="<div class=\"am-u-sm-8 am-u-md-4 am-u-sm-centered am-u-md-centered\"><button type=\"button\" class=\"am-btn am-btn-primary am-btn-block\" onclick=\"EditModal(event,&quot;layer-pic.html&quot;,&quot;新增图片&quot;,&quot;60%&quot;)\">媒体素材库<\/button><\/div>";
var twadd="<div class=\"am-u-sm-8 am-u-md-4 am-u-sm-centered am-u-md-centered\"><button type=\"button\" class=\"am-btn am-btn-primary am-btn-block\" onclick=\"EditModal(event,&quot;layer-tw.html&quot;,&quot;新增图文&quot;,&quot;60%&quot;)\">媒体素材库<\/button><\/div>";
//$("#editcor").find("div[class*=am-active]")
$(document).on("click", "#savetext", function() {
var inputval = $(this).parent(".modal-footer").prev(".modal-body").find("textarea").val()
if (inputval != "") {
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-body").empty()
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-footer").empty()
var Textarea = "<div class=\"am-g am-margin-top am-form-group\"><div class=\"am-u-sm-12 am-u-md-7 am-md-text-center\" style=\"line-height:28px\" id=\"textcon\">" + inputval + "<\/div><\/div>";
var editbutton = "<button type=\"button\" class=\"js-btn-ok btn btn-primary\" data-loading-text=\"保存中...\" id=\"edittext\">编辑</button>"
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-body").html(Textarea)
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-footer").html(editbutton)
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-body").html(editarea2)
$("#editcor").find("div[class*=am-active]").find("#tab3").find(".piccor").html(picadd)
$("#editcor").find("div[class*=am-active]").find("#tab4").find(".twcor").html(twadd)
}
})
var editarea1 = "<div class=\"js-editor-region\"><div class=\"simple-editor\"><div class=\"tab-content\"><div class=\"tab-pane active\" id=\"editor-text\"><div class=\"inputer vbox\"><div class=\"inputer-area vbox\"><textarea maxlength=\"600\" class=\"js-inputer-txta transparent-txta\" cols=\"30\" rows=\"1\" placeholder=\"\" id=\"textbox\"><\/textarea><\/div><div class=\"inputer-actions\"><ul class=\"simple-editor-nav\"><li><div data-popover-name=\"emoticon\" class=\"js-editor-popover inputer-action inputer-action-emoticon\"><a href=\"javascript:;\"><i class=\"ico-simple-editor ico-editor-emoticon\"><\/i> <span>表情<\/span><\/a><div class=\"popover bottom fade in\"><div class=\"arrow\"><\/div><div class=\"js-region-emoticon popover-content\"><\/div><\/div><\/div><\/li><li><div data-popover-name=\"hyperlink\" class=\"js-editor-popover inputer-action inputer-action-hyperlink\"><a href=\"javascript:;\"><i class=\"ico-simple-editor ico-editor-hyperlink\"><\/i> <span><\/span><\/a><div class=\"popover bottom fade in\"><div class=\"arrow\"><\/div><div class=\"js-region-hyperlink popover-content\"><div class=\"hyperlink\"><input class=\"js-txt input-large txt\" type=\"text\" placeholder=\"http://\"> <button type=\"submit\" class=\"js-btn-ok btn btn-primary\">确定<\/button><\/div><\/div><\/div><\/div><\/li><\/ul><div class=\"word-counter\"><span>大约还可输入<i class=\"js-word-counter\">600<\/i>字<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div>";
$(document).on("click", "#edittext", function() {
var textcon = $("#textcon").text()
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-body").empty()
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-footer").empty()
var savebutton = "<button type=\"button\" class=\"js-btn-ok btn btn-primary\" data-loading-text=\"保存中...\" id=\"savetext\">保存<\/button> <button type=\"button\" class=\"btn\" data-dismiss=\"modal\" aria-hidden=\"true\">取消<\/button>";
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-body").html(editarea1)
$("#editcor").find("div[class*=am-active]").find("#tab1").find("#textbox").val(textcon)
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-footer").html(savebutton)
})
$(document).on("click", "#saveurl", function() {
var inputval = $(this).parent(".modal-footer").prev(".modal-body").find("textarea").val()
if (inputval != "") {
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-body").empty()
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-footer").empty()
var Textarea = "<div class=\"am-g am-margin-top am-form-group\"><div class=\"am-u-sm-12 am-u-md-7 am-md-text-center\" style=\"line-height:28px\" id=\"textcon\">http://" + inputval + "<\/div><\/div>";
var editbutton = "<button type=\"button\" class=\"js-btn-ok btn btn-primary\" data-loading-text=\"保存中...\" id=\"editurl\">编辑</button>"
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-body").html(Textarea)
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-footer").html(editbutton)
$("#editcor").find("div[class*=am-active]").find("#tab1").find(".modal-body").html(editarea1)
$("#editcor").find("div[class*=am-active]").find("#tab3").find(".piccor").html(picadd)
$("#editcor").find("div[class*=am-active]").find("#tab4").find(".twcor").html(twadd)
}
})
var editarea2 ="<textarea class=\"\" style=\"width: 100%;\" rows=\"2\" placeholder=\"\" id=\"urlbox\"></textarea>"
$(document).on("click", "#editurl", function() {
var textcon = $("#textcon").text()
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-body").empty()
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-footer").empty()
var savebutton = "<button type=\"button\" class=\"js-btn-ok btn btn-primary\" data-loading-text=\"保存中...\" id=\"saveurl\">保存<\/button> <button type=\"button\" class=\"btn\" data-dismiss=\"modal\" aria-hidden=\"true\">取消<\/button>";
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-body").html(editarea2)
$("#editcor").find("div[class*=am-active]").find("#tab2").find("#urlbox").val(textcon)
$("#editcor").find("div[class*=am-active]").find("#tab2").find(".modal-footer").html(savebutton)
})
var emtioncon = "<div class=\"emoticon\"><ul class=\"emoticon-list\"><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/01.png\" alt=\"微笑\" title=\"微笑\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/02.png\" alt=\"撇嘴\" title=\"撇嘴\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/03.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/04.png\" alt=\"发呆\" title=\"发呆\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/05.png\" alt=\"得意\" title=\"得意\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/06.png\" alt=\"流泪\" title=\"流泪\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/07.png\" alt=\"害羞\" title=\"害羞\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/08.png\" alt=\"闭嘴\" title=\"闭嘴\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/09.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/10.png\" alt=\"大哭\" title=\"大哭\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/11.png\" alt=\"尴尬\" title=\"尴尬\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/12.png\" alt=\"发怒\" title=\"发怒\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/13.png\" alt=\"调皮\" title=\"调皮\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/14.png\" alt=\"呲牙\" title=\"呲牙\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/15.png\" alt=\"惊讶\" title=\"惊讶\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/16.png\" alt=\"难过\" title=\"难过\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/17.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/18.png\" alt=\"冷汗\" title=\"冷汗\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/19.png\" alt=\"抓狂\" title=\"抓狂\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/20.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/21.png\" alt=\"偷笑\" title=\"偷笑\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/22.png\" alt=\"愉快\" title=\"愉快\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/23.png\" alt=\"白眼\" title=\"白眼\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/24.png\" alt=\"傲慢\" title=\"傲慢\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/25.png\" alt=\"饥饿\" title=\"饥饿\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/26.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/27.png\" alt=\"惊恐\" title=\"惊恐\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/28.png\" alt=\"流汗\" title=\"流汗\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/29.png\" alt=\"憨笑\" title=\"憨笑\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/30.png\" alt=\"悠闲\" title=\"悠闲\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/31.png\" alt=\"奋斗\" title=\"奋斗\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/32.png\" alt=\"咒骂\" title=\"咒骂\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/33.png\" alt=\"疑问\" title=\"疑问\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/34.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/35.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/36.png\" alt=\"疯了\" title=\"疯了\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/37.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/38.png\" alt=\"骷髅\" title=\"骷髅\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/39.png\" alt=\"敲打\" title=\"敲打\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/40.png\" alt=\"再见\" title=\"再见\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/41.png\" alt=\"擦汗\" title=\"擦汗\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/42.png\" alt=\"抠鼻\" title=\"抠鼻\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/43.png\" alt=\"鼓掌\" title=\"鼓掌\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/44.png\" alt=\"糗大了\" title=\"糗大了\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/45.png\" alt=\"坏笑\" title=\"坏笑\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/46.png\" alt=\"左哼哼\" title=\"左哼哼\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/47.png\" alt=\"右哼哼\" title=\"右哼哼\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/48.png\" alt=\"哈欠\" title=\"哈欠\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/49.png\" alt=\"鄙视\" title=\"鄙视\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/50.png\" alt=\"委屈\" title=\"委屈\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/51.png\" alt=\"快哭了\" title=\"快哭了\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/52.png\" alt=\"阴险\" title=\"阴险\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/53.png\" alt=\"亲亲\" title=\"亲亲\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/54.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/55.png\" alt=\"可怜\" title=\"可怜\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/56.png\" alt=\"菜刀\" title=\"菜刀\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/57.png\" alt=\"西瓜\" title=\"西瓜\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/58.png\" alt=\"啤酒\" title=\"啤酒\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/59.png\" alt=\"篮球\" title=\"篮球\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/60.png\" alt=\"乒乓\" title=\"乒乓\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/61.png\" alt=\"咖啡\" title=\"咖啡\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/62.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/63.png\" alt=\"猪头\" title=\"猪头\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/64.png\" alt=\"玫瑰\" title=\"玫瑰\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/65.png\" alt=\"凋谢\" title=\"凋谢\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/66.png\" alt=\"嘴唇\" title=\"嘴唇\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/67.png\" alt=\"爱心\" title=\"爱心\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/68.png\" alt=\"心碎\" title=\"心碎\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/69.png\" alt=\"蛋糕\" title=\"蛋糕\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/70.png\" alt=\"闪电\" title=\"闪电\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/71.png\" alt=\"炸弹\" title=\"炸弹\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/72.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/73.png\" alt=\"足球\" title=\"足球\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/74.png\" alt=\"瓢虫\" title=\"瓢虫\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/75.png\" alt=\"便便\" title=\"便便\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/76.png\" alt=\"月亮\" title=\"月亮\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/77.png\" alt=\"太阳\" title=\"太阳\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/78.png\" alt=\"礼物\" title=\"礼物\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/79.png\" alt=\"拥抱\" title=\"拥抱\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/80.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/81.png\" alt=\"\" title=\"\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/82.png\" alt=\"握手\" title=\"握手\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/83.png\" alt=\"胜利\" title=\"胜利\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/84.png\" alt=\"抱拳\" title=\"抱拳\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/85.png\" alt=\"勾引\" title=\"勾引\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/86.png\" alt=\"拳头\" title=\"拳头\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/87.png\" alt=\"差劲\" title=\"差劲\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/88.png\" alt=\"爱你\" title=\"爱你\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/89.png\" alt=\"NO\" title=\"NO\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/90.png\" alt=\"OK\" title=\"OK\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/91.png\" alt=\"爱情\" title=\"爱情\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/92.png\" alt=\"飞吻\" title=\"飞吻\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/93.png\" alt=\"跳跳\" title=\"跳跳\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/94.png\" alt=\"发抖\" title=\"发抖\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/95.png\" alt=\"怄火\" title=\"怄火\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/96.png\" alt=\"转圈\" title=\"转圈\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/97.png\" alt=\"磕头\" title=\"磕头\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/98.png\" alt=\"回头\" title=\"回头\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/99.png\" alt=\"跳绳\" title=\"跳绳\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/100.png\" alt=\"投降\" title=\"投降\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/101.png\" alt=\"激动\" title=\"激动\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/102.png\" alt=\"乱舞\" title=\"乱舞\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/103.png\" alt=\"献吻\" title=\"献吻\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/104.png\" alt=\"左太极\" title=\"左太极\"><\/li><li><img src=\"https://b.yzcdn.cn/v2/image/emoticons/105.png\" alt=\"右太极\" title=\"右太极\"><\/li><\/ul><\/div>";
$(document).on("click", ".inputer-action-emoticon", function() {
$(this).popModal({
html: emtioncon,
placement: 'bottomCenter',
showCloseBut: true
});
})
$(document).on("click", ".emoticon-list>li", function() {
var emtiontitle = $(this).find("img").attr("alt")
var inputval = $("#editcor").find("div[class*=am-active]").find("#tab1").find("#textbox").val()
$("#editcor").find("div[class*=am-active]").find("#tab1").find("#textbox").val(inputval + "[" + emtiontitle + "]")
})
$(document).on("click", ".delpic", function() {
$("#editcor").find("div[class*=am-active]").find("#tab3").find(".piccor").html(picadd)
})
$(document).on("click", ".deltw", function() {
$("#editcor").find("div[class*=am-active]").find("#tab4").find(".twcor").html(twadd)
})
//还原
var picadd="<div class=\"am-u-sm-8 am-u-md-4 am-u-sm-centered am-u-md-centered\"><button type=\"button\" class=\"am-btn am-btn-primary am-btn-block\" onclick=\"EditModal(event,&quot;layer-pic.html&quot;,&quot;新增图片&quot;,&quot;60%&quot;)\">媒体素材库<\/button><\/div>";
var twadd="<div class=\"am-u-sm-8 am-u-md-4 am-u-sm-centered am-u-md-centered\"><button type=\"button\" class=\"am-btn am-btn-primary am-btn-block\" onclick=\"EditModal(event,&quot;layer-tw.html&quot;,&quot;新增图文&quot;,&quot;60%&quot;)\">媒体素材库<\/button><\/div>";
</script>
</body>
</html>
HTML
1
https://gitee.com/feihuangorg/webadmin.git
git@gitee.com:feihuangorg/webadmin.git
feihuangorg
webadmin
webadmin
master

搜索帮助