contenteditable

发表于2021-12-28|更新于2026-02-24

|浏览量:

要随时牢记在心中：决心取得成功比任何一件事情都重要。——林肯

只要给html标签添加一个属性叫contenteditable，即可点击进行编辑：

1	<div contenteditable>ruben</div>

相关推荐

nvue中tap事件取消冒泡

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科 nvue中@tap.stop阻止冒泡失效了代码如下： 1<view @tap="parentEvent"><view @tap.stop="childEvent">触发触发</view></view> 大概有两种方案，第一种是改事件，改为@touchend事件 1<view @tap="parentEvent"><view @touchend="childEvent">触发触发</view></view> 不过还有另一种方式 1234567parentEvent(e) { console.log('parentEvent');},childEvent(e) { console.log('childEvent'); e.stopPropagation();}

业精于勤，荒于嬉。—— 韩愈《进学解》 https://github.com/simonwep/pickr Pickr：一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中，颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器，但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库，它提供了丰富的功能，同时完全兼容所有主流 CSS 框架。什么是 Pickr？Pickr 是一个开源的颜色选择器库，支持多种颜色格式（如 rgba、hsla、hsva 等），并提供多种主题和自定义选项。它专为现代前端开发设计，具有以下特点：核心特点：无依赖：不依赖任何第三方库（如 jQuery）。多格式支持：支持 rgba、hsla、hsva、hex 和 CMYK 格式。多主题：内置多种主题样式，兼容主流 CSS 框架（如 Bootstrap、Materialize）。响应式设计：适配移动端和桌面端。自定义能力：可通过 JavaScript 和 CSS 轻松自定义外观和功能。支持透明度：包括 alpha 通道的选择。轻量级：小巧...

白昼之光，岂知夜色之深。——尼采 https://github.com/react-component/table rc-table：React 高级表格组件的最佳选择——深入解析 react-component/table在现代前端开发中，表格组件是数据展示与操作的核心。如何让表格既美观又功能丰富、同时能灵活扩展和高性能响应？如果你是 React 技术栈的开发者，rc-table（react-component/table）无疑是你值得关注的开源利器。本文将从官方 README 深度解读 rc-table 的功能亮点、技术架构、使用场景与最佳实践，让你全面了解并高效使用这一高质量表格组件。一、项目简介项目地址：https://github.com/react-component/table 在线演示：https://table-react-component.vercel.app/ 主要语言：TypeScript 许可协议：MIT 社区活跃度：1345+ Star，600+ Fork，持续迭代更新 rc-table 是一个为 React 设计的高...

vue-ueditor-wrap

会当凌绝顶，一览众山小。 —— 杜甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap：轻松集成 UEditor 到 Vue 项目在 Web 开发中，富文本编辑器是许多应用的重要组成部分，尤其是在博客系统、内容管理平台（CMS）等场景中。作为经典的富文本编辑器，UEditor 功能强大，但在现代前端框架（如 Vue）中使用时可能略显复杂。今天我们来介绍 vue-ueditor-wrap，一个基于 Vue 的封装组件，旨在让开发者轻松将 UEditor 集成到 Vue 项目中。什么是 vue-ueditor-wrap？vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件，提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题，让开发者无需处理复杂的初始化逻辑。主要功能快速集成：通过简单的配置，即可将 UEditor 嵌入 Vue 项目。支持双向绑定：轻松实现 Vue 的 v-model 与 UEditor...

umijs环境变量问题

我们关心的，不是你是否失败了，而是你对失败能否无怨。——林肯今天遇到一个问题，umijs框架下的环境变量配置不好使首先是我package.json里的配置是这样的： 12345 "scripts": { "start": "cross-env NODE_ENV=dev umi dev", "build:test": "cross-env NODE_ENV=test umi build", "build:production": "cross-env NODE_ENV=prod umi build"} 然后在我其中一个js文件中进行引用： 12console.log({ NODE_ENV: process.env.NODE_ENV });console.log({ 'process.env': process.env }); 然后当我指...

uniapp无限树形结构

性格左右命运，气度影响格局。——余世雅博士插件地址：https://ext.dcloud.net.cn/plugin?id=5718 作者： luyj 介绍：无限极树形结构。支持搜索、面包屑导航、单项选择、多项选择。代码块 luyj-tree 内包含luyj-tree-search、luyj-tree-navigation、luyj-tree-item 说明本插件是基于xiaolu-tree进行了uni_modules模块化。并进行了一些修改。本人暂时只在微信小程序端和H5 使用Chrome浏览器测试。更改了一些内容，有可能会有一些错误或说明与实际不一致，介意者慎用。本人会适当的抽出业余时间，把它完善，毕竟有一定的下载量了，而且自己也需要学习，再次感谢原作者。暂时，使用自定义插件渲染有问题，会出现duplication is found under a single shadow root. The first one was accepted ，还未找到解决方案。安装方式本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导...

阿超

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

数据加载中