TinyMCE工具栏配置详解
启用和停用工具栏通过init配置项toolbar和toolbar(n)来配置工具栏是否启用的项目和显示的顺序。同时，使用|来分割各个项。tinymce.init({ selector: '#textarea1', // change this value according to your HTML //启用工具栏并显示如下项 toolbar: 'undo redo | styleselect | bold italic | link image',})tinymce.init({ selector: '#textarea2', // change this value according to your HTML //禁用工具栏 toolbar: false,})/* 启用多个工具栏 */tinymce.init({...
Idea/webstorm/vscode使用cmder做为默认命令行工具
"cmd.exe" /k ""D:\progra~1\Cmder\vendor\init.bat""注：'D:\Program' 不是内部或外部命令，请使用 progra~1 代替 Program Files
Ant Design Vue 1.7.8 （vu2）自定义路由菜单图标
新建icon component:<template> <svg t="1681699879367" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2329" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M643.456 409.056c20.448-48.64 84.864-204.256 84.864-237.248l0-129.76-436.384 0 0 129.76c0 33.088 64 189.664 83.968 237.696-99.392 49.472-167.872 151.776-167.872 270.336 0 166.848 135.264 302.112 302.112 302.112s302.112-135.264 302.1...
linux使用docker-compose安装和破解confluence 8.0.2
创建confluence部署目录confluencecd / mkdir -p /data/confluence /data/mysql 安装MySQL 8.0confluence可以使用MySQL5.x、8.x，postgres等数据库，本次安装使用MySQL8.0.编写MySQL的docker-compose进入/data/mysql目录下，创建docker-compose-mysql.yml文件vi /data/mysql/docker-compose-mysql.ymlversion: '3.2'services: mysql: container_name: mysql environment: MYSQL_ROOT_PASSWORD: "mysql" image: "mysql:latest" restart: al...
vue获取节点的父节点、兄弟节点、子节点
<span @click="getClickInfo(event)"></span>getClickInfo: function (e) { let clickDom = e.currentTarget; // currentTarget 获取绑定点击事件的节点 let currentDom = e.target; // target 获取当前点击节点 let parent = clickDom.parentElement; // parentElement获取绑定事件节点的父节点 let previous = clickDom.previousElementSibling; // previousElementSibling获取绑定事件节点的前一个节点 let previousInner = previous.innerHTML; // 获取绑定...
vue3+vite3实现路由自动化
import {createRouter, createWebHashHistory} from 'vue-router'const modules = import.meta.glob('/src/pages/**/index.js');console.log(modules);const routes = [];let components = [];Object.keys(modules).forEach(key => { let component = modules[key]; components.push(component()); let name = key.split('pages/')[1].split('/')[0].toLowerCase(); let path = "/" + name; if (name === 'index') { path = "/"; } ...
h5吹气互动(利用recorderjs获取输入音量大小)
h5吹气互动原理是利用获取麦克风音量，用一段逻辑来判断。研究了半天~最开始用的是下面这种方法（在ios下失效）：<!doctype html><html style="font-size: calc((100vw / 375)*10)"><head> <meta charset="utf-8" ></meta> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <title>Disney Spring Web - voice！</title> <script src="./recorder.mp3.min.js">&...
es+filebeat+elastalert2实现异常邮件提醒
以下安装都使用docker-compose，docker及K8s安装原理一样ES安装：es: container_name: es image: docker.elastic.co/elasticsearch/elasticsearch:7.2.0 ports: - "9200:9200" environment: - node.name=es - http.host=0.0.0.0 - transport.host=127.0.0.1 - "ES_JAVA_OPTS=-Xms512m -Xmx512m" - bootstrap.memory_lock=true - discovery.type=single-node - xpack.security.enabled=true - xpack.security.http.ssl.enab...
使用html5-qrcode 扫描二维码(vue3)
/* Your code... */<script>import { Html5Qrcode } from "html5-qrcode";export default {name: 'HelloWorld',props: {msg: String},mounted(){console.log('hello...');this.getCameras();},methods:{getCameras() {Html5Qrcode.getCameras().then((devices) => {/*** devices would be an array of objects of type:* { id: "id", label: "label" }*///alert(JSON.stringify(devices));if (devices && devices.length) {this.came...
springboot使用lock4j实现并发控制
一般情况下，我们使用乐观锁来处理并发超发的情况，但是，乐观锁在某些情况下，并不能彻底解决超发情况，于是只能上悲观锁（synchroized, 独占线程），特别是在分布式的情况下分布试锁就更为常见了。下以使用一种基于redis的分布试锁来实现并发控制。pom.xml增加：<!--若使用redisson作为分布式锁底层，则需要引入--><dependency><groupId>com.baomidou</groupId><artifactId>lock4j-redisson-spring-boot-starter</artifactId><version>2.2.2</version...