使用layui 的layedit定义自己的toolbar方法
作者：天武我非 发布时间：2023-08-24 16:21:43
标签：layui,layedit,toolbar
官方文档：http://www.layui.com/demo/layedit.html
官网文档目前是不支持layedit扩展式的。
自己手动实现扩展，定义自己的样式toolbar：
1.样式代码分析
分析页面初始化后加载的样式.
layeditIndex=layedit.build('noticeMatterDigest',{tool: ['left', 'center', 'right','|'],height: 120});
2.根据分析的样式进行js的追加
代码需要写在layui.use(..)页面初始化方法之内。
$(".layui-form .layui-form-item.layui-form-text .layui-input-block " +
".layui-layedit .layui-unselect.layui-layedit-tool")
.append('<i class="layui-icon layui-icon-note" title="摘要模板1" οnclick="generateTextArea('+layeditIndex+')"></i>')
.append('<i class="layui-icon layui-icon-template-1" title="摘要模板2" οnclick="generateTextArea('+layeditIndex+')"></i>')
.append('<i class="layui-icon layui-icon-app" title="摘要模板3" οnclick="generateTextArea('+layeditIndex+')"></i>')
.append('<i class="layui-icon layui-icon-template" title="摘要模板4" οnclick="generateTextArea('+layeditIndex+')"></i>')
.append('<i class="layui-icon layui-icon-chat" title="摘要模板5" οnclick="generateTextArea('+layeditIndex+')"></i>');
3.调用方法向layedit内追加值
官方文档没有设置值的方式，但是实际存在此方法可以调用
function generateTextArea(index) {
layedit.setContent(index,"<p>姓名:*** *男,*年</p>");
};
最终实现，扩展成自己需要的toolbar的形式，同时与原toolbar兼容。
来源：https://blog.csdn.net/tjbsl/article/details/80537557
0
投稿猜你喜欢
- 对于一个给定的字符串，逆序输出，这个任务对于python来说是一种很简单的操作，毕竟强大的列表和字符串处理的一些列函数足以应付这些问题 了，
- MySQL5的乱码问题可以用下面的方法解决：1.设置phpMyAdmin Language:Chinese simplified (zh-u
vscode左侧活动栏默认会有 一些内容，今天一不小心，不知道怎么的，将部分内容搞没了（是的，我也不知道怎么搞的 就没了） 如下图：搜索 和- 学完了Python脚本接口自动化之后，一直没有对该框架做总结，今天终于试着来做一份总结了。框架结构如下图：来说一下每个目录的作用：Confi
- 如下所示：<select id="host_list" name="host_list" mu
- 现在的垃圾留言越来越智能，并且从留言内容几乎看不出来是垃圾留言，而大量的垃圾留言会导致文章可读性下降，并可能会被搜索引擎惩罚，经过一段时间的
- 阅读上一篇：垂直栅格与渐进式行距(上) 新问题来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了
- 相对于http协议，http是的特点就是他的安全性，http协议的通信内容用普通的嗅探器可以捕捉到，但是https协议的内容嗅探到的是加密后
- 当需要远程办公时，使用pycharm远程连接服务器时必要的。PyCharm提供两种远程调试(Remote Debugging)的方式:配置远
- 本文的换肤方案灵感来自于 element-ui需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟
- 这种情况在挂载脚本后无法答题，任何关于答题脚本的脚本都无法使用。看这个字体，已经读不出原文了，一开始以为是加密尝试使用加密算法破解，然后用B
- 如下所示：import numpy as npimport pandas as pdfrom pandas import Series,Da
- 一般说来，你会把模板以文件的方式存储在文件系统中，但是你也可以使用自定义的 template loaders 从其他来源加载模板。Djang
- --取得所有数据库名 包括系统数据库 --SELECT name FROM master.dbo.sysdatabases --取得所有非系
- 使用py时可能需要连续运行多条shell 命令1.# coding: UTF-8import sysreload(sys)sys.setde
- 偶第一次发主题， 这个是在一个项目中的做...写的一般般， 有什么bug之类的是在所难免， 望见谅功能说明:1. 即时控制用户输入2. 将输
- 从Keras转换成PB模型请注意，如果直接使用Keras2ONNX进行模型转换大概率会出现报错，这里笔者曾经进行过不同的尝试，最后都失败了。
- 微信支付、支付宝等第三方支付，需要和银联、网联对接，有清算机构和银行的交易处理通道成本。下文说的费率是指支付手续费的费率，在用户支付的时候，
- 引言在前面的文章当中我们讨论的是 python3 当中早期的内嵌数据结构字典的实现，在本篇文章当中主要介绍在后续对于字典的内存优化。字典优化
- 用python操作ms sqlserver，有好几种方法：（1）利用pymssql （2）利用pyodbc这里讲import&nb
