contenteditable

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

|浏览量:

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

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

1	<div contenteditable>ruben</div>

相关推荐

愿望是半个生命，淡漠是半个死亡。——纪伯伦源码： https://codepen.io/Chester/details/LYKWMxO 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<h1 class="fancy-wipe"> <span class="text"> Transference </span> <span class="wipe-in"> Transference </span> <span class="blur-in"> Transference </span></h1><h1 class="fancy-wipe" style="--colors: linear-gradient...

你与别人花费一样的时间，因为别人用心，而你吊儿郎当，所以到了最后检验成果的时候，别人成功，而你除了赔了时间之后，一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时，Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript，为开发者提供了一个功能丰富的中后台模板，开箱即用。通过结合现代前端技术栈，Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。项目特点最新技术栈：使用 Vue 3 和 Vite 进行开发，支持热更新和快速构建，极大提升了开发效率。 TypeScript 支持：代码类型安全、自动补全，降低了代码维护成本。主题系统：支持多套预定义主题，用户还可以自定义主题色彩，打造符合品牌风格的界面。国际化（i18n）：内置国际化方案，支持多语言切换，方便面向全球用户的项目开发。权限管理：提供动态路由和权限控制方案，可以根据用户角色灵活配置不同的页面和功能访问权限。这些特点...

百度地图简单对接

地位越高，自我评价就越高，自信心多强，能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特效果如下跟着官网一步一步来即可申请成为开发者然后在应用管理里创建应用填写信息点击复制AK 然后复制代码 123456789101112131415161718192021222324252627<!DOCTYPE html> <html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:10...

原谅是容易的，忘却则是困难的。——普拉顿 React Explorer: 一个使用 React 和 Electron 的文件管理器项目简介React Explorer 是一个开源的文件管理器项目，使用 TypeScript、React 和 Blueprint 编写，并使用 Electron 打包。它提供了一个跨平台的文件管理解决方案，支持 Linux、macOS 和 Windows 系统。项目特点跨平台支持：React Explorer 可以在 Linux、macOS 和 Windows 系统上运行，为用户提供一致的文件管理体验。现代前端技术：项目使用 TypeScript 和 React 进行开发，确保代码的健壮性和可维护性。 Blueprint 组件库：使用 Blueprint 组件库构建用户界面，提供现代化的 UI 体验。 Electron 打包：通过 Electron 将应用打包成桌面应用，方便用户安装和使用。状态管理：使用 MobX 进行状态管理，确保应用状态的一致性和响应性。开源许可：项目采用 MIT 许可，允许用户自由使用和修改代码。项目主页项目主...

远程控制billd-desk

我们应该使每一个学生在毕业时候，带走的不仅仅是一些知识和技能，最重要的是要带走渴求知识的火花，并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk：基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础，结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力，实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。技术栈 Vue3：采用 Composition API 的现代前端框架，负责构建高性能响应式 UI。 WebRTC：点对点实时音视频流传输协议，实现高效的远程桌面画面流和控制指令传输。 Node.js：作为后端信令服务器，负责连接管理、房间分配、消息转发等核心逻辑。 Elect...

dvajs中@connect在hook下使用

美而无德，有如没有香味的花，徒有其表。——笛福在Dva.js中，@connect 是 connect 的语法糖，它允许我们更方便地将模型（models）与组件进行映射。在类组件中使用 @connect 是非常直观的，但在函数式组件（hook）中，由于函数组件的渲染逻辑是由函数本身直接定义的，而不是通过继承 React.Component，因此我们不能直接使用 @connect 装饰器。不过，我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中，我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样，我们就可以在函数式组件中实现与 @connect 相似的效果。下面是一个如何在函数式组件中使用 connect 的示例： 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...

阿超

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

数据加载中