本文探讨在使用CodeMirror编辑器的多标签界面中，如何通过添加蒙版禁止数据编辑，解决仅查看模式下编辑器无法直观显示不可编辑状态的问题。文章详细描述了尝试复用蒙版div失败的原因，并提出为每个tab单独添加蒙版的解决方案。
需求：有五个tab，当页面还是视图模式的时候，数据只能查看，不能编辑。
说明：这里使用文本编辑器是CodeMirror
因为CodeMirror不能编辑的属性加了之后虽然不能输入，但是没有明显效果，所以考虑加蒙版。
加一个空的div，然后给这个div加一个不透明的样式，给它设置宽高。本来没什么问题，但是我以为我每一个tab都可以用同一个div，去加样式，然后同样起到蒙版的效果。
但是我测试了一波，只用同个div行不通，可能是因为我点击其他tab的时候，第一个tab被隐藏了，它的div也就跟着被隐藏了，所以就算给它加了样式，也没有效果，只能每一个tab都加一个空的div，然后打开哪个的时候，就用对应的那个div。
对了，使用CodeMirror编辑器的时候，出现过光标永远都在中间的，可能页面有其他的样式冲突了，所以重新再加一个样式
样式
循环加上或移除蒙版
扫一扫
1451
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
