一个做后端的猿,难免用到LayUI,首先在这里,不推荐使用,坑多
我这里用的是layui-v2.5.7版本
一、富文本编辑器
缺点:功能太少,只能满足简单需求,只有下面这几个功能
废话少说,直接丢代码
html部分
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<div>
<!-- 引入layui语法 -->
<textarea class="layui-textarea" id="myText" name="content" style="display: none;"> </textarea>
</div>
<button id="addBtu" type="button" class="layui-btn">提交</button>
js部分
/**
* 定义初始化内容
*/
var returnContent;
/**
* LayUI操作
*/
layui.use(['form', 'layer', 'layedit','upload'], function(){
//定义layedit
var layedit = layui.layedit;
//上传图片,必须放在"创建一个编辑器"前面
//layedit.set一定要放在 layedit.build 前面,否则配置全局接口将无效。
layedit.set({
uploadImage: {
url: 'api/upload',//接口url
type: 'post', //默认post
data: {
uid: uid
}
}
});
//建立编辑器
var editIndex = layedit.build('myText',{
height: 500 //设置编辑器高度
});
layedit.sync(editIndex);
/**
* 添加富文本框数据
*/
$('#addBtu').click(function () {
layedit.sync(editIndex);
var text = $("#myText").val()
$.ajax({
url: baseURL + "api/add",
data:{
content: text,
uid: