html代码:
<script src="./Public/layuiadmin/layui/layui.js"></script>
<script src="./Public/js/jquery-3.2.1.min.js"></script>
<!-- 配置文件 -->
<script type="text/javascript" src="./Public/ueditor1_4_3_3/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="./Public/ueditor1_4_3_3/ueditor.all.js"></script>
保存文件
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
form.on('submit(demo1)', function(data){
var goods_id=$("#goods_id").val();
data.field['goods_id'] =goods_id;
data.field['content'] = ue.getContent();
$.ajax({
url:"/order/api.php?s=/api/goods/goods_content",
type:'post',
data:data.field,
success:function (res) {
if(res.success){
setTimeout(function () {
parent.layer.closeAll();
// parent.location.reload();
},1500);
}
layer.msg(res.msg)
}
})
return false;
});
});
初始化
var ue = UE.getEditor('content',{
serverUrl:'{:U("api/goods/upload_goodsimg")}',
imagePath:"", //路径前缀
imageUrlPrefix:'', //image前缀, 如果服务端返回的图片地址中有http://...那这里就留空, 此项必须有
toolbars: [
[
'anchor', //锚点
'undo', //撤销
'redo', //重做
'bold', //加粗
'indent', //首行缩进
//'snapscreen', //截图
'italic', //斜体
'underline', //下划线
'strikethrough', //删除线
'subscript', //下标
'fontborder', //字符边框
'superscript', //上标
'formatmatch', //格式刷
'source', //源代码
'blockquote', //引用
'pasteplain', //纯文本粘贴模式
'selectall', //全选
//'print', //打印
'preview', //预览
'horizontal', //分隔线
'removeformat', //清除格式
'time', //时间
'date', //日期
'unlink', //取消链接
'insertrow', //前插入行
'insertcol', //前插入列
'mergeright', //右合并单元格
'mergedown', //下合并单元格
'deleterow', //删除行
'deletecol', //删除列
'splittorows', //拆分成行
'splittocols', //拆分成列
'splittocells', //完全拆分单元格
'deletecaption', //删除表格标题
'inserttitle', //插入标题
'mergecells', //合并多个单元格
'deletetable', //删除表格
'cleardoc', //清空文档
'insertparagraphbeforetable', //"表格前插入行"
//'insertcode', //代码语言
'fontfamily', //字体
'fontsize', //字号
'paragraph', //段落格式
'simpleupload', //单图上传
'insertimage', //多图上传
'edittable', //表格属性
'edittd', //单元格属性
'link', //超链接
'emotion', //表情
'spechars', //特殊字符
'searchreplace', //查询替换
//'map', //Baidu地图
//'gmap', //Google地图
//'insertvideo', //视频
//'help', //帮助
'justifyleft', //居左对齐
'justifyright', //居右对齐
'justifycenter', //居中对齐
'justifyjustify', //两端对齐
'forecolor', //字体颜色
'backcolor', //背景色
'insertorderedlist', //有序列表
'insertunorderedlist', //无序列表
'fullscreen', //全屏
'directionalityltr', //从左向右输入
'directionalityrtl', //从右向左输入
'rowspacingtop', //段前距
'rowspacingbottom', //段后距
'pagebreak', //分页
//'insertframe', //插入Iframe
'imagenone', //默认
'imageleft', //左浮动
'imageright', //右浮动
//'attachment', //附件
'imagecenter', //居中
'wordimage', //图片转存
'lineheight', //行间距
'edittip ', //编辑提示
'customstyle', //自定义标题
'autotypeset', //自动排版
//'webapp', //百度应用
//'touppercase', //字母大写
//'tolowercase', //字母小写
'background', //背景
'template', //模板
//'scrawl', //涂鸦
//'music', //音乐
'inserttable', //插入表格
'drafts', // 从草稿箱加载
'charts', // 图表
]
]
});
ue.ready(function() {
ue.setHeight(600);
});
php代码:
//保存商品详情和介绍
public function goods_content(){
$goods_id=I("param.goods_id");
$content=I("param.content");
if(empty($goods_id)){
error("参数错误");
}
$data["content"]=htmlspecialchars_decode($content);
M("supply_chain_console.supply_chain_goods")->where("id='{$goods_id}'")->save($data);
success("保存成功");
}
public function upload_goodsimg(){
$arg = I('get.action');
switch ($arg) {
case 'config':
exit('{
/* 上传图片配置项 */
"imageActionName": "ueUploadImage", /* 执行上传图片的action名称 */
"imageFieldName": "ueUpfile", /* 提交的图片表单名称 */
"imageMaxSize": 2048000, /* 上传大小限制,单位B */
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
"imageCompressEnable": true, /* 是否压缩图片,默认是true */
/* 截图工具上传 */
"snapscreenActionName": "ueUploadImage", /* 执行上传截图的action名称 */
}');
break;
case 'ueUploadImage': //这个值对应上个case中的ueUploadImage
//上传到阿里云
$oss=new OssController();
$filepath = date('Y').'/'.date('md');
$filename = $filepath.'/'.time();
$filename = "brand/{$filename}";
$a=$oss -> uploadwx($filename);
$list["state"]="SUCCESS";
$list["url"]=$a;
$list["original"]='';
$list["original"]='';
success("获取成功",$list);
//上传到本地指定的目录
// $oss = new Upload();
// $url = $oss->up('ueUpfile', 'ueditor'); //ueUpfile 对应上个case中的ueUpfild
// if ($oss->isOk()) { //上传成功
// $rs = [
// 'state' => 'SUCCESS',
// 'url' => $url,
// 'title' => '',
// 'original' => ''
// ];
// $this->ajaxReturn($rs);
//
// } else { //上传失败
// $rs = [
// 'state' => '上传图片失败',
// ];
// $this->ajaxReturn($rs);
// }
break;
default:
exit();
}
}
Ueditor富文本-上传图片到阿里云或者服务器指定目录
最新推荐文章于 2022-12-14 15:23:54 发布