当前位置: 首页 > Web前端 > CSS

simplemde编辑器在bootstrap4下失效的问题

时间:2023-03-31 14:03:40 CSS

我在项目中使用过simplemdemarkdown编辑器,前端是使用bootstrap4框架构建的。但是实际使用simplemde的时候发现样式&功能有点不正常,主要有以下异常:光标不显示,即使autofocus:true文本框开头有一行xxxxxx,这部分确实代码中不存在,可以确认这是simplemde后添加的截图。只有再次点击鼠标,输入框获得焦点输入内容时,才会显示xxxx的内容。通过谷歌搜索,我找到了GitHub对应的issue,里面提到了一个解决方案,就是使用import{}from'simplemde/dist/simplemde.min.css'而不是import{}from'simplemde/src/css/simplemde。CSS';具体你自己的情况就是直接用https://cdn.jsdelivr.net/simp...这个是css的压缩版(本地下载的),而不是sass文件编译出来的。作者没有直接说明具体原因,算是hack了。记录到这里,希望对遇到同样问题的小伙伴有所帮助~广告时间:优客学是一站式课程返现&推荐平台,支持极客时间、MOOC、segmentFault、网易云课堂、优达学城等主流平台。吸取教训,学好教训,有所收获!