首页 > 其他分享 >layUI的富文本编辑器赋值问题

layUI的富文本编辑器赋值问题

时间:2023-05-11 10:11:32浏览次数:31  
标签:文本编辑 layUI ele 按钮 id 赋值

layUI中富文本编辑器的特点

先获取div的id,然后再给div上面的文本赋值,然后调用富文本编辑器特有的组件,进一步给它赋值,就可以实现了

var ele = document.getElementById("msg-input");//获取文本域的id
console.log(e.target.responseText);
ele.value = ele.value + e.target.responseText;//给它赋值
var $edit = $(window.frames['LAY_layedit_1'].document).find("body");
$edit.html(ele.value);

给单击后的按钮增加一个开关

详细的来说,就是俩按钮设置成一个按钮,点击一下开的按钮后变成关闭的按钮
layUI中有一个这个方法比如:
这个方法就是对绑定的按钮的id进行样式的添加
\(("#stopInputText").addClass('layui-hide'); 这个方法就是对绑定的按钮的id进行样式的删除 \)("#startInputText").removeClass('layui-hide');

关注我的公众号SpaceObj 领取idea系列激活码

标签:文本编辑,layUI,ele,按钮,id,赋值
From: https://www.cnblogs.com/zhanghongrui/p/17390218.html

相关文章

  • Layui+dtree实现左边分类列表,右边数据列表
    效果如下代码实现<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>帖子类别</title><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible&q......
  • Layui 2.8.0 正式发布,官网全新文档站朴实归来
    前言两年前Layui官网宣布了下线声明,说实话当时内心确实感慨万千毕竟这个免费为我们后端程序员提供的一个前端快熟开发框架的官网就这样下线了确实十分的惋惜,但是庆幸的是官网的下线,只是单纯一个网站自身生命周期的结束,它并不意味着Layui这样一个开源项目的停更,Layui仍然......
  • 本地图文直接复制到富文本编辑器中
    ​ 当前功能基于PHP,其它语言流程大抵相同。大概流程:1.将docx文件上传到服务器中2.使用PHPoffice/PHPword实现将word转换为HTML3.将HTML代码返回并赋值到编辑器中 1编辑器配置修改1.1新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /*......
  • 使用富文本编辑,内容有<img src=xxx//xx//xx>报错:JSON parse error: Unexpected charac
     前端使用富文本标签,填写内容里面有图片地址或一些特殊字符,保存时导致报错后台json不能解析内容到实体类相应的字段中去报错代码:JSONparseerror:Unexpectedcharacter('\'(code92)):...解决办法:1、有的说在配置xss过滤时开放,保存的请求接口地址。————————......
  • vue中关于赋值的坑
    在使用弹窗展示表格数据详情的时候,由于字段名都取一样的,在详情弹窗页面,不会在data中去特意定义每个字段名。直接用上个页面的传值,通过赋值让值直接显示:比如:this.ruleForm=data如果,在你需求中没有清空或者更改data中数据或许并不会产生问题。但如果在这个页面需要对数值进行......
  • 用DevExpress WinForms富文本编辑器,集成高级文本编辑功能(一)
    DevExpressWinForm富文本编辑器(RTF编辑器)控件允许用户将高级文本编辑功能集成到下一个WinForms项目中,它包括全面的文本格式选项、支持邮件合并,并附带了丰富的终端用户选项集,因此可以轻松交付受Microsoftword启发的功能。PS:DevExpressWinForm拥有180+组件和UI库,能为WindowsFor......
  • 本地Word图文直接复制到富文本编辑器中
    ​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action名称 */    "wordFieldName":"upfile",/* 提交的......
  • 可视化电脑处理变量赋值、循环、程序运行的过程
    这款线上工具支持Python2,Python3,Java,JavaScript,TypeScript,Ruby,C和C++代码。累计有多于180个国家三百五十万多人次使用。通过它可视化运行的代码有三千万之多。下面的动图展示了一段Python程序的变量赋值,变量交换,列表赋值,列表增删,循环,判断,全局变量在运行时发生的动态......
  • (七) 关系运算符,逻辑运算符,赋值运算符,三元运算符
    目录关系运算符一览逻辑运算符一览逻辑运算规则逻辑与和短路与区别逻辑或和短路或的区别关系运算符一览关系运算符的结果都是boolean类型,要么为true,要么为false关系运算符组成的表达式称为关系表达式,如a>=b逻辑运算符一览用于连接多个条件(多个关系表达式),最终......
  • 系统集成03-文本编辑器
    系统集成03-文本编辑器文本处理是操作系统对文件管理的基础操作,文本编辑器是计算机软件中的一种,主要用来编写和查看文本文件。不同的文件编辑器有不同的辅助功能。1Linux常用文本编辑器介绍文本编辑器是操作系统基础的功能软件之一。根据使用环境的不同,Linux的文本编辑器有很......