技术栈
contenteditable
詹姆斯bind
8 天前
vue.js
·
编辑器
·
contenteditable
基于Div contenteditable 属性 实现一个 “只读” 标签编辑器
记录一个开发遇到需求:输入框不允许用户随意输入文本,只能插入特定的“标签”或“变量”,并且这些标签需要支持删除操作。 普通的 input 或 textarea 无法实现标签样式的嵌入,而富文本编辑器(插件)又过于厚重。所以想到利用 HTML 的 contenteditable 属性,手撸一个轻量级、不支持直接键入、但支持光标插入的标签编辑器。
背藏玫瑰
8 个月前
开发语言
·
前端
·
javascript
·
敏感词
·
contenteditable
div用contenteditable属性写一个输入框且敏感词显示
需求:输入框中有输入内容,如有敏感词则需要标记 下面这个也可以,有用点个赞el-input输入框敏感词关键词高亮标红_el-input 内容高亮显示-CSDN博客 直接给代码
八了个戒
2 年前
前端
·
javascript
·
html
·
大前端
·
contenteditable
关于 contentEditable 可编辑DIV 实现在光标处插入自定义图片【已解决,可直接使用】
话不多说,直接出解决方案【复制代码可直接使用】可编辑DIV也就是常说的富文本编辑器。当我们自己实现一个富文本编辑器时,需要设置div的可编辑属性 contenteditable="true"
我是有底线的