码迷,mamicode.com
首页 > 其他好文 > 详细

富文本

时间:2019-01-17 19:44:06      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:inf   描述   lis   false   bsp   重复   图片   desc   move   

先把文件夹引到public下

<td>
<a title="详情" onclick="member_open(‘{$data.shidetail}‘)" href="javascript:;" style=" color: #009688;">
<i class="layui-icon">&#xe6af;详情</i>
</a>
</td>

技术分享图片

方法

//============= 富文本===========================
layui.use(‘laydate‘, function(){
var laydate = layui.laydate;

//执行一个laydate实例
laydate.render({
elem: ‘#start‘ //指定元素
});

//执行一个laydate实例
laydate.render({
elem: ‘#end‘ //指定元素
});
});

//详情 弹出层
function member_open(list){
// 示范一个公告层
layer.open({
type: 1
,title: false //不显示标题栏
,closeBtn: false
,shade: 0.8
,id: ‘LAY_layuipro‘ //设定一个id,防止重复弹出
,resize: false
,btn: [ ‘关闭‘]
,btnAlign: ‘c‘
,area: [‘500px‘, ‘500px‘]
,moveType: 1 //拖拽模式,0或者1
,content: ‘<div>‘
+list+‘</div>‘
});
}

 

add中

 

<div class="layui-form-item layui-form-text">
<label for="desc" class="layui-form-label">
内容
</label>
<div class="layui-input-block">
<textarea placeholder="请输入描述的内容" id="info" name="text" class="layui-textarea" style="width:800px;height:500px;"></textarea>
</div>
</div>

技术分享图片

 

富文本

标签:inf   描述   lis   false   bsp   重复   图片   desc   move   

原文地址:https://www.cnblogs.com/ysboke/p/10283482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!