contenteditable

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

|浏览量:

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

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

1	<div contenteditable>ruben</div>

相关推荐

为爱情赌气，就丧心病狂了！——塞万提斯分享一个好玩的css属性： mix-blend-mode，MDN 该属性可以将元素和后面的背景进行混合什么叫混合呢？例如我看到的一个网站：红框框出来的部分，是鼠标移动上去的一个效果这个小圈，与后面的图片进行了反色，而且对于不少图片都有类似效果，我一开始以为是用了两张图片做的处理后来发现并不是，是用的这个css 1mix-blend-mode: exclusion; 其提供的不只是反色一个选项，还有很多的值，都可以使用

js动态调用函数

兵无常势，水无常形，能因敌变化而取胜者，谓之神。——孙子我们可以使用变量名['函数名']()去调用一个函数 12345678<script> var ruben = { run() { console.log("ruben中的run被调用啦！") } } ruben['run']()</script> 可以用于动态调用函数场景

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科分享一个vue图片裁剪组件官网：https://github.xyxiao.cn/vue-cropper/ 演示demo：http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...

我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采的《查拉图斯特拉如是说》如果你是在react18这么写： 123456// index.tsximport React from 'react'import ReactDOM from 'react-dom'console.log('Hello from tsx!')ReactDOM.render(<p>Hello</p>, document.getElementById('root')) 你会得到一个错误 1react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. L...

uniCloud查询数据库

江流宛转绕芳甸，月照花林皆似霰。——张若虚首先先右键项目中的database目录，没有的话自己手动创建一个，选择新建DB Schema 输入表名，点击创建将read改为true 点击上传DB Schema 点击是我们刷新云控制台可以看到成功上传我们添加两条记录 1234{ "name": "ruben", "phone": "13888888888"} 点击确定新建一个list页面写入代码： 12345678910111213141516171819<template> <view> <unicloud-db v-slot:default="{ data, loading, error, options }" collection="contacts"> <view v-if="error">...

full-stack-fastapi-template

过一个平凡无趣的人生实在太容易了，你可以不读书，不冒险，不运动，不写作，不外出，不折腾。但是，人生最后悔的事情就是：我本可以。——陈素封分享一个全栈框架 GitHub - tiangolo/full-stack-fastapi-template: Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more. 全栈、现代 Web 应用程序模板。使用 FastAPI、React、SQLModel、PostgreSQL、Docker、GitHub Actions、自动 HTTPS 等 ⚡ 用于 Python 后端 API 的 FastAPI。 🧰 用于 Python SQL 数据库交互 (ORM) 的 SQLModel。 🔍 Pydantic，由 FastAPI 使用，用于数据验证和设置管理。 💾 PostgreSQL 作为 SQL 数据库。 �...

阿超

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

数据加载中