l-text组件扩展问题
老师您好。
问题描述:希望l-text支持在元素直接进行文字的编辑,也可以实时反馈到表单上。
相关截图:
在使用课程线上H5编辑器时,有些疑惑。
当我选中了文字时点击删除的话,会把整个图层删掉。
预期结果:
1.如果选中了文字只删除文字
2.如果没有选中文字,则删除整个图层
我的想法是:
通过给p标签添加contentediable属性,并且绑定p的input事件,监听p标签的内容变化,从而更新表单上的值。
但是我不知道怎么判断是选中了图层还是选中了文字,获取选中的文本的方法
希望老师能给个思路,谢谢!!!
34
收起
正在回答
1回答
同学你好
很好的扩展思路 由于我们在实现的没有考虑直接编辑文字的场景 这个场景其实要实现的内容挺多的,比如换行等等的实现,现在的删除逻辑是只要元素被选中,并且不是 表单(input 或者 textarea),就要删除图层。
所以这里的实现,我认为是要判断是否是 可编辑状态,正常逻辑应该是可编辑状态,删除就不响应,所以我认为你这里可以拿到外侧的节点,查看它的 contentediable 属性是否存在,如果存在那么就不删除图层,进行正常的操作即可。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星