layui富文本编辑器+文件上传

最新推荐文章于 2024-04-14 23:08:41 发布

爱吃榴莲酥的姑娘

最新推荐文章于 2024-04-14 23:08:41 发布

阅读量5.1k

点赞数

分类专栏：笔记文章标签：关于layui

本文链接：https://blog.youkuaiyun.com/guojiao1006/article/details/84785924

版权

本文介绍了如何在项目中集成layui富文本编辑器，并详细说明了配置过程，包括从layui官网下载最新样式压缩包放置在static目录下，引入必要的css和js文件，以及实现文件上传的shangchuan和uploadFile两个关键方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(1)layui官网下载最新的样式压缩包,项目static目录下;

(2)编辑器页面:

导入css样式:<link rel="stylesheet" href="static/layui/css/layui.css" />

导入js:<script type="text/javascript" src="static/layui/layui.all.js" charset="utf-8"></script>

<form action="xxxx.do" name="Form" id="Form" method="post">

<tr>
       <td style="width:75px;text-align: right;padding-top: 13px;">封面图:</td>
       <td ><button type="button" class="layui-btn layui-btn-normal" id="shangchuan">选择文件</button><br />
       <input id="TUPIAN" name="TUPIAN" value="${pd.TUPIAN}" type="text" readonly="readonly" style="margin-top: 10px;width: 98%"/> </td>
</tr>

<tr>
      <td style="width:75px;text-align: right;padding-top: 13px;">内容:</td>
      <td><textarea type="text" name="NEIRONG" id="NEIRONG">${pd.NEIRONG}</textarea></td>
 </tr>
</form>

js: