mirror of
https://github.com/crmeb/CRMEB.git
synced 2025-12-29 07:00:19 +00:00
122 lines
6.2 KiB
PHP
122 lines
6.2 KiB
PHP
<!doctype html>
|
|
<!--suppress JSAnnotator -->
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>编辑内容</title>
|
|
<link href="{__FRAME_PATH}css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="{__ADMIN_PATH}plug/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
|
|
<script type="text/javascript" src="{__ADMIN_PATH}plug/umeditor/third-party/jquery.min.js"></script>
|
|
<script type="text/javascript" src="{__ADMIN_PATH}plug/umeditor/third-party/template.min.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/umeditor/umeditor.config.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="{__ADMIN_PATH}plug/umeditor/umeditor.min.js"></script>
|
|
<script type="text/javascript" src="{__ADMIN_PATH}plug/umeditor/lang/zh-cn/zh-cn.js"></script>
|
|
<link href="{__PLUG_PATH}layui/css/layui.css" rel="stylesheet">
|
|
<script src="{__PLUG_PATH}layui/layui.all.js"></script>
|
|
<style>
|
|
.edui-btn-toolbar .edui-btn.edui-active .edui-icon-fullscreen.edui-icon{ display: none;}
|
|
.edui-container{overflow: initial !important;}
|
|
button.btn-success.dim { box-shadow: inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 5px #999; }
|
|
.float-e-margins .btn { margin-bottom: 5px; }
|
|
button.dim { display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 6px; margin-right: 10px; position: relative; cursor: pointer; border-radius: 5px; font-weight: 600; margin-bottom: 20px!important; }
|
|
.btn-success { background-color: #1c84c6; border-color: #1c84c6; color: #FFF; }
|
|
.btn { border-radius: 3px; }
|
|
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
|
|
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
|
|
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
|
|
button.btn-success.dim:active { box-shadow: inset 0 0 0 #1872ab,0 2px 0 0 #1872ab,0 5px 3px #999; }
|
|
button.dim:active { bottom: 4px; }
|
|
.btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success { background-image: none; }
|
|
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { background-color: #1a7bb9; border-color: #1a7bb9; color: #FFF; }
|
|
.dim{bottom: 7px; right: 8px; z-index: 1003; position: fixed !important;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<button class="btn btn-success dim" data-url="{$action}" type="button"><i class="fa fa-upload"></i>
|
|
</button>
|
|
<textarea type="text/plain" id="myEditor" style="width:100%;">{$content ? $content : ''}</textarea>
|
|
<script type="text/javascript">
|
|
$eb = parent._mpApi;
|
|
$('.dim').on('click',function(){
|
|
$eb.axios.post($(this).data('url'),{'{$field}':getContent()}).then(function(res){
|
|
if(res.status == 200 && res.data.code == 200){
|
|
$eb.message('success','保存成功!');
|
|
} else
|
|
return Promise.reject(res.data.msg || '保存失败!');
|
|
}).catch(function(err){
|
|
$eb.message('error',err);
|
|
})
|
|
});
|
|
var editor = document.getElementById('myEditor');
|
|
editor.style.height = document.body.scrollHeight+'px';
|
|
window.UMEDITOR_CONFIG.toolbar = [
|
|
// 加入一个 test
|
|
'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
|
|
'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontfamily fontsize' ,
|
|
'| justifyleft justifycenter justifyright justifyjustify |',
|
|
'link unlink | emotion selectimgs video | map',
|
|
'| horizontal print preview fullscreen', 'drafts', 'formula'
|
|
];
|
|
UM.registerUI('selectimgs',function(name){
|
|
var me = this;
|
|
var $btn = $.eduibutton({
|
|
icon : 'image',
|
|
click : function(){
|
|
createFrame('选择图片','{:Url('widget.images/index')}?fodder=editor');
|
|
},
|
|
title: '选择图片'
|
|
});
|
|
|
|
this.addListener('selectionchange',function(){
|
|
//切换为不可编辑时，把自己变灰
|
|
var state = this.queryCommandState(name);
|
|
$btn.edui().disabled(state == -1).active(state == 1)
|
|
});
|
|
return $btn;
|
|
|
|
});
|
|
//实例化编辑器
|
|
var um = UM.getEditor('myEditor',{
|
|
fullscreen:true
|
|
});
|
|
function getContent() {
|
|
return (UM.getEditor('myEditor').getContent());
|
|
}
|
|
function hasContent() {
|
|
return (UM.getEditor('myEditor').hasContents());
|
|
}
|
|
//弹窗
|
|
function createFrame(title,src,opt){
|
|
opt === undefined && (opt = {});
|
|
return layer.open({
|
|
type: 2,
|
|
title:title,
|
|
area: [(opt.w || 800)+'px', (opt.h || 550)+'px'],
|
|
fixed: false, //不固定
|
|
maxmin: true,
|
|
moveOut:false,//true 可以拖出窗外 false 只能在窗内拖
|
|
anim:5,//出场动画 isOutAnim bool 关闭动画
|
|
offset:'auto',//['100px','100px'],//'auto',//初始位置 ['100px','100px'] t[ 上 左]
|
|
shade:0,//遮罩
|
|
resize:true,//是否允许拉伸
|
|
content: src,//内容
|
|
move:'.layui-layer-title'
|
|
});
|
|
}
|
|
//选择图片
|
|
function changeIMG(index,pic){
|
|
$(".image_img").css('background-image',"url("+pic+")");
|
|
$(".active").css('background-image',"url("+pic+")");
|
|
$('#image_input').val(pic);
|
|
}
|
|
//选择图片插入到编辑器中
|
|
function insertEditor(list){
|
|
console.log(list);
|
|
um.execCommand('insertimage', list);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |