要实现的功能:
1、输入的HTML标签、js代码,不被解析,正常显示;
2、富文本编辑的要正常显示效果;
3、可支持换行,禁止换行;
4、只粘贴纯文本;
效果:
支持换行的
不支持换行的
使用:
// 组件调用
组件代码:
v-html="innerText"
:placeholder="placeholder"
:contenteditable="canEdit"
@keydown.13="keyDown($event)"
@focus="isLocked = true"
@blur="isLocked = false"
@input="changeText">
export default{
name: 'v-edit-div',
props: {
value: