designMode
发表于|更新于
|浏览量:
保持友谊的最好办法是不出卖朋友——米兹涅尔
我们可以使用
1 | document.designMode = 'on' |
来开启页面的编辑模式
例如:

相关推荐
2024-06-18
MutationObserver监听dom变化
人生意义到底是什么呢?吃得好一点,睡得好一点,多玩玩,不羡慕别人,不听管束,多储蓄人生经验,死而无憾,这就是最大的意义吧,一点也不复杂。—— 蔡澜《不如任性过生活》 mdn: MutationObserver.MutationObserver() - Web API | MDN MutationObserver.observe() - Web API | MDN 代码如下: 12345678910111213 let app = document.querySelector("#app")var observerOptions = { attributes: true, // 观察属性变动 childList: true, // 观察目标子节点的变化,是否有添加或删除 subtree: true // 观察后代节点,默认为false}// 创建一个DOM监听器,在DOM更新完成时触发let observer = new MutationObserver((mutationsList, obs...
2025-08-01
x6
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮,而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 :让你的流程图、DAG、ER图开发像搭积木一样高效有趣!如果你是一名开发者、产品经理,或者数据分析师,是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼?AntV X6,就是为了解决你的痛点而生的专业图编辑引擎! X6是什么?X6 是 AntV 旗下的图编辑引擎,专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件,让你像搭积木一样快速实现强大、个性化的图应用,无论你是用 SVG、HTML、React、Vue 还是 Angular,都能轻松上手定制。官网直达:https://x6.antv.antgroup.com 四大核心特性,让图编辑开发变得“丝滑”!🌱 极易定制 支持 SVG/HTML/React/Vue/Angular 各种主流技术栈,无论你喜欢哪种方式,都能打造出炫酷的节点样式和交互效果。 节点、边都能灵活...
2025-03-28
utterances
多听,少说,接受每一个人的责难,但是保留你的最后裁决。——莎士比亚《哈姆雷特》 GitHub - utterance/utterances: :crystal_ball: A lightweight comments widget built on GitHub issues https://utteranc.es/ Utterances:基于 GitHub Issues 的超轻量评论系统 如果你正在为静态博客寻找一款干净、开源、可控又易用的评论系统,那么你可能会喜欢这款工具——utterances。 这是一款用一句话就能说明白的工具: Utterances 是一个基于 GitHub Issues 的轻量级评论系统,每一条评论本质上都是一条 issue 回复。 为什么选择 utterances?相比传统的评论插件,它有以下几个显著优势: 🚀 超轻量:仅一个 iframe,不注入额外 JS,加载速度极快 🔐 隐私友好:不收集用户数据,不追踪 🧠 天然反垃圾评论:用户必须使用 GitHub 登录评论 ✍️ 支持 Markdown、表情、代码块,评论体...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...
2023-04-30
iconify
赢得友谊要靠智慧,保持友谊要靠美德,这两者是同等重要的。——威佩因特 分享一个图标项目: https://iconify.design/ 包含150K+的开源icon github:https://github.com/iconify/iconify 非常的给力!
2022-06-21
ts装饰器(注解)
书,能保持我们的童心;书能保持我们的青春。——严文井 官方文档:https://www.typescriptlang.org/docs/handbook/decorators.html 这个东西在java里叫注解,不过在ts中,一个装饰器对应一个方法 首先执行命令: 1tsc --target ES5 --experimentalDecorators 然后配置一下tsconfig.json就可以使用了 123456{ "compilerOptions": { "target": "ES5", "experimentalDecorators": true }} 首先我们定义一个class 1234class User { private id: Number | undefined; private name: string | undefined;} 我们编写一个装饰器对应的逻辑,实现ja...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog