layui中富文本编辑器及图片上传的使用

最新推荐文章于 2024-04-14 23:07:35 发布

oCaiWen

最新推荐文章于 2024-04-14 23:07:35 发布

阅读量1.8k

点赞数

分类专栏： # form 文章标签： javascript thinkphp js php

本文链接：https://blog.csdn.net/oCaiWen/article/details/104440793

版权

本文介绍了如何在layui中集成富文本编辑器，并实现图片上传功能。通过HTML和JS部分展示编辑器的配置与内容获取，接着详细讲解PHP图片上传的实现，强调返回接口需包含src和title属性。在thinkphp框架下，注意防止HTML标签被转义，使用htmlspecialchars_decode进行解码。

摘要由CSDN通过智能技术生成

HTML部分：

<textarea id="textarea" class="layui-textarea" name="contents"></textarea>

JS部分：

layui.use(['form','layedit'], function(){
   
    var $ = layui.jquery,form = layui.form,layedit = layui.layedit;
    layedit.set({
   
	height:800,
	uploadImage: {
   
	    url: "{:url('Publics/uploadImg')}"          //图片上传接口
		,type: