layUI的富文本编辑器和图片的上传_layedit富文本编辑器传图片-程序员宅基地

技术标签: layUI框架  

layUI的富文本编辑器需要注意的几点
一,创建富文本编辑器

<div class="layui-input-block">
                <textarea id="teacherSy" class="layui-textarea" name="teacherSynopsis"lay-verify="teacherSynopsis" ></textarea>
            </div>

这是必须的
在这里插入图片描述 var editIndex = layedit.build(‘teacherSy’);-----------------》 <textarea id=“teacherSy”。。。

同步返回富文本编辑器写入的内容
在这里插入图片描述注意:lay-verify=“teacherSynopsis” 对应。

二,上传图片注意

在这里插入图片描述
注意:图片上传必须在创建(build)富文本编辑器的前面
url:上传图片的方法路径。

效果图如下:在这里插入图片描述

layui官网链接:添加链接描述

谢谢 欢迎评论!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44284544/article/details/106419931

智能推荐

Eclipse web项目转IDEA web项目,并打war包-程序员宅基地

文章浏览阅读1.4k次。Eclipse web项目转IDEA web项目,并打war包没有引用maven、gradle等项目构建工具时: 1、导入项目 2、引入jar包,右键菜单Add as Library 3、在project structure中new facets(选web) 4、修改resource路径,eclipse默认是webContent文件夹,而idea默认是web文件夹 5、在proje

linux查询硬盘固件版本,一种Linux系统下批量更新希捷硬盘固件的方法与流程-程序员宅基地

文章浏览阅读2.2k次。本发明涉及服务器硬件测试领域,具体涉及一种Linux系统下批量更新希捷硬盘固件的方法。背景技术:随着服务器主板芯片的更新升级,旧固件版本的硬盘可能会出现开机无故失去响应,操作系统卡死、蓝屏、死机或硬盘故障等症状,但硬盘本身无严重硬件问题且硬盘容量也满足我们的需求。为了节省成本,解决上述可能发生的这些问题,修复磁盘坏区,提高与系统的兼容性和磁盘的稳定性,硬盘厂商会不定期提供新的硬盘固件版本以供硬盘进..._希捷硬盘固件

HttpServlet练习-程序员宅基地

文章浏览阅读131次。在MySQL数据库中创建一个test_users数据表,添加3个字段:id,user,password。并录入几条记录。定义一个login.html,里边定义两个请求字段:user,password。发送请求到loginServlet在创建一个LoginServlet(需要继承自HttpServlet,并重写其doPost方法),在其中获取请求的user,password利用JDB..._httpservlet练习目标

分布式监控解决方案zabbix02-使用agent监控其他linux-程序员宅基地

文章浏览阅读1.3k次。一。 zabbix操作和配置 zabbix常用的操作为 系统用户权限管理 虚拟主机 监控项 触发器 监控模板等1》用户和权限 以下是权限配置的几个概念 主机组:被监控的主机的集合 同一类模板创建的主机 主机组配置参考官方文档 用户组:某个用户组对某些主机组的操作权限 常用的操作权限有(读写,读,拒绝)用户组配置参考官方文档(https://www.zabbix.c

python用一行代码画个迷宫_用 Python 制作一个迷宫游戏-程序员宅基地

文章浏览阅读590次。相信大家都玩过迷宫的游戏,对于简单的迷宫,我们可以一眼就看出通路,但是对于复杂的迷宫,可能要仔细寻找好久,甚至耗费数天,然后可能还要分别从入口和出口两头寻找才能找的到通路,甚至也可能找不到通路。虽然走迷宫问题对于我们人类来讲比较复杂,但对于计算机来说却是很简单的问题。为什么这样说呢,因为看似复杂实则是有规可循的。我们可以这么做,携带一根很长的绳子,从入口出发一直走,如果有岔路口就走最左边的岔口,直..._python 画简单迷宫

Tengine虚拟主机配置(端口)-程序员宅基地

文章浏览阅读2.3k次。Step 1: 在node11节点上执行命令,进入tengine的安装目录cd /opt/apps/tenginecp index.html /opt/apps/tengine/html/port-1.htmlcp index.html /opt/apps/tengine/html/port-2.htmlStep 2: 在node11节点上执行命令,修改ymf.html的文件vi /opt/

随便推点

vs code调试c语言,ubuntu下使用vscode调试c程序_郑如秀的博客-程序员宅基地

文章浏览阅读584次。1.在扩展中搜索cpptool,安装图中的插件2.用vscode打开需要调试的c程序文件所在的文件夹3.点击debug图标4.点击设置图片,出现 选择环境,选择 c++5.程序会自动生成launch.json文件6.将图中的program改为需要调试的a.out文件的全路径将cwd改为文件所在文件夹的全路径7.接下来在命令行中使用gcc编译c文件,记得加上-g选项如:gcc -o file.c,即..._vscode c a.out

python3中Failed building wheel for xxx”的解决办法(安装库的方法)-程序员宅基地

文章浏览阅读2w次,点赞8次,收藏32次。转自:https://blog.csdn.net/pengzhisen123/article/details/79049834 Python其它包的过程中出现“ Failed building wheel for xxx”的解决办法:&nbsp;出现原因:缺失相应的whl文件。&nbsp;解决办法:下载并安装对应的whl文件。...

C++使用string的大数运算(6)模加模减模乘模幂-程序员宅基地

文章浏览阅读756次。本次项目目标:使用C++完成对于大数的相关运算项目要点1.大数指的是远超long long int的数据2.将大数用矩阵进行存储,并通过矩阵实现运算3.本人采用字符串进行存储,应注意char的特点比如:char a=161; cout&lt;&lt;(int)a;此时会输出-95,而不是161,char类型首个比特位是作为正负号的这四个只要你完成了大数的加减乘法,以及取模运算之后就很简单了...

《大话设计模式》java实现之状态模式_java大话设计模式-程序员宅基地

文章浏览阅读1.3k次。状态模式、策略模式、责任链模式三者非常像,今天花了很多时间查找他们之间的不同,博客https://www.cnblogs.com/xibei666/p/6858145.html总结得很好,这里简单总结一下。现在总结如下: UML图状态模式和策略模式基本一致 状态模式 策略模式 从UML图可以看出,状态模式和策略模式完全一样,细微的区别主要是状态模式各状态子类知道下一状态是谁,且要把逻_java大话设计模式

zone 的概念 交换机指令_光纤交换机zone概念-程序员宅基地

文章浏览阅读4.5k次。zone 的概念 交换机指令 2012-05-25 17:19:07分类: 服务器与存储配置Zone需要涉及到三个对象的配置Alias,Zone,Configuration。 Alias 可以把设备的WWN或Domain,Port声明为Alias,用于更好更直观的标示设备。使用Alias的主要目的是方便用户的使用,想象一下记住一个人的身份证号和名字的区别_光纤交换机zone概念

ragel解析http url_rglhtt_山有木兮啊的博客-程序员宅基地

文章浏览阅读2.8k次。#include <iostream>#include <string>using namespace std;%%{ # See RFC 3986: http://www.ietf.org/rfc/rfc3986.txt machine uri_parser; gen_delims = ":" | "/" | "?" | "#" | "[" | "]" | "@"; sub_delims = "!" | "$" | "&" | _rglhtt