layui中的富文本编辑器前端无法取值

遇道了一个前段的bug,就是使用layui中的textarea无论如何也获取不到值,查了半天的文档才搞定,具体代码如下:

//html代码如下部分代码
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">输入框</label>
    <div class="layui-input-block">
      <textarea placeholder="请输入内容" id = "content" name="content" style="display:none;">
<textarea/>
    </div>
  </div>
</form>

js代码如下:


<script>
layui.use('layedit', function(){
  var layedit = layui.layedit;
  var content = layedit.build('content'); //建立编辑器这里的ID是上面的id
});
</script>

如果你需要提交文本中的内容则需要同步一下文本域中的内容到你的textarea中需要的代码是

layedit.sync(content)//同步数据

这里有一点需要注意的就是indexs这个变量需要时全局的,这样才可以同步。同步之后提交就与原先的提交一样了。

参考地址:http://www.layui.com/doc/modules/layedit.html

参考地址:https://blog.youkuaiyun.com/chenguoqing666/article/details/78864155

### 关于养老院管理系统的毕业设计 #### 设计目标与背景 为了满足日益增长的老龄化社会需求,基于Spring Boot的敬老院信息管理系统旨在提供一套完整的解决方案来优化养老服务流程。该系统不仅涵盖了日常运营中的各项业务操作,还特别注重用户体验和服务质量提升[^1]。 #### 技术选型 - **后端技术栈**: Spring Boot作为核心框架负责业务逻辑处理;MyBatis Plus用于简化ORM映射层开发工作量。 - **前端展示层**: Vue.js配合Element UI组件库构建响应式的用户界面,确保良好的交互体验。 - **其他工具和技术**: - LayUI框架及其所需的JavaScript和CSS资源文件; - Editor富文本编辑器需正确配置静态资源路径及字符集编码等参数[^3]。 #### 功能模块划分 整个信息系统被细分为多个独立却又相互关联的功能子系统: - 用户认证授权服务:支持多角色登录验证机制(管理员/工作人员/老人家属),并能动态调整权限范围。 - 基础档案维护:记录老年人基本信息、健康状况评估报告等内容,并允许随时更新补充新情况。 - 日常活动安排表单填写提交审核发布全流程闭环管理。 - 物资采购申请审批跟踪直至入库上架全过程透明公开可追溯。 - 康复训练计划定制执行效果反馈一体化服务平台建设。 - 安全监控预警提示推送通知消息提醒等功能集成于一体的安全保障体系架构搭建。 #### 数据库设计方案 采用MySQL关系型数据库存储所有必要的业务数据,在物理层面进行了详尽的数据字典定义,包括但不限于字段名称解释说明、取值约束条件设定等方面的工作。同时按照第三范式原则完成了概念模型到逻辑结构转换过程中的规范化处理措施实施。 ```sql CREATE TABLE IF NOT EXISTS `elderly_info` ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50), gender ENUM('male', 'female'), birth_date DATE, health_status TEXT COMMENT 'Health assessment details', created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP ); ``` #### 开发环境准备指南 对于想要参与此项目的同学而言,除了上述提到的技术依赖外,还需要完成如下准备工作: - JDK安装配置完毕之后确认版本号不低于8u271-b09以上级别; - Maven项目构建工具下载解压至本地磁盘指定位置并将bin目录加入PATH环境变量中去; - Git版本控制系统客户端软件同样不可或缺,建议使用最新稳定版以获得更好的兼容性和性能表现; - IDE推荐选用IntelliJ IDEA Ultimate Edition或者Eclipse Photon Release (4.8.0),二者均提供了优秀的Java EE企业级应用开发插件支持; - Node.js运行时环境连同npm包管理器一并装好,以便后续可以顺利启动Vue CLI脚手架工程模板创建命令行工具。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值