可编辑标签添加 contenteditable=“true“属性即可

阅读 81

2022-02-16

想让你的标签变成可编辑的,直接给标签上面添加该样式即可。

contenteditable="true"

有一个需求:给输入框的最后一行添加颜色。
textarea不支持局部文字改变颜色,也不支持内部嵌套其他标签。

// 在vue中可以直接这样写
<div contenteditable="true" v-html='text'></div>

data() {
	return {
		text: "考虑到发生纠纷实力肯定还是但是感觉<span style='color: #c00000;'>这里是添加颜色的文字</span>"
	}
}

只需要给最后一行的文字用span标签包裹即可

精彩评论(0)

0 0 举报