codemirror光标样式问题

在这里插入图片描述
输入框为空时会显示placeholder，文字有点长换行了，光标竟然变成上图那样了，我试过如果placeholder文字是三行，那么光标就是三行高。真是见了鬼了。查到最后，原因竟然是因为我在用vue-codemirror时为了去掉一些basicSetup的功能，就把basicSetup移除了。但究竟是basicSetup里面哪个的遗失导致的我完全不知道，毕竟basicSetup是一个集合呀
在这里插入图片描述
最终一一尝试知道了是drawSelection，所以我单独引入了drawSelection，问题解决了

不得不说code-mirror的代码架构真的让人眼前一亮，我从来没讲过这样的架构，多么希望有能力通读它的源码啊:)

ps: 如果对您有帮助，请帮忙点赞哈

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/459707.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

9.6整数拆分（LC343-M）

9.6整数拆分（LC343-M）

算法： 动规五部曲： 1.确定dp[i]及i dp[i]：分拆数字i，可以得到的最大乘积为dp[i] 2.确定递推公式： 思路：dp[i]最大乘积是怎么得到的？ 其实可以从1遍历j，然后有两种渠道得到dp[i…
阅读更多...
洛希极限

洛希极限

L1-3 洛希极限 分数 10 作者 陈越 单位 浙江大学 科幻电影《流浪地球》中一个重要的情节是地球距离木星太近时，大气开始被木星吸走，而随着不断接近地木“…
阅读更多...
OpenShift AI - 运行欺诈检测模型和流程

OpenShift AI - 运行欺诈检测模型和流程

《OpenShift / RHEL / DevSecOps 汇总目录》 说明：本文已经在 OpenShift 4.14 RHODS 2.50 的环境中验证 文章目录 准备运行环境安装 OpenShift AI 环境安装 Minio 对象存储软件创建 Data Science Project创建 Data connection创建 Workbench配置 Model server创建 …
阅读更多...
AD9361多片同步设计方法

AD9361多片同步设计方法

本文基于ZC706FMCOMMS5的平台，介绍了多片AD9361同步的方法。并将该设计移植到自行设计的ZYNQ70354片AD9361(实现8路同步收发)的电路板上。本设计采用纯逻辑的方式，仅使用了ZYNQ芯片的PL部分。 9361多芯片同步主要包括基带同步和射频同步两大块任务。其中…
阅读更多...
【JavaScript 漫游】【011】ES5 规范中 Array 对象方法汇总

【JavaScript 漫游】【011】ES5 规范中 Array 对象方法汇总

文章简介 本文为【JavaScript 漫游】专栏的第 011 篇文章，记录的内容包含了 ES5 规范中Array 对象的所有方法。 Array()Array.isArray()valueOf()、toString()push()、pop()shift()、unshift()join()concat()reverse()slice()splice()sort()map()forEach()filter(…
阅读更多...
基于AST实现一键自动提取替换国际化文案

基于AST实现一键自动提取替换国际化文案

背景：在调研 formatjs/cli 使用（使用 formatjs/cli 进行国际化文案自动提取 ）过程中，发现有以下需求formatjs/cli 无法满足： id 需要一定的语义化； defaultMessage和Id不能直接hash转换； 需要…
阅读更多...
怎么将文件夹里的所有 js 文件按照名称跟内容拼接生成一个 md 文件？

怎么将文件夹里的所有 js 文件按照名称跟内容拼接生成一个 md 文件？

实现 编写脚本 build/generate-md.js const fs require("fs"); const path require("path");function traverseDirectorySync(dirPath) {const files fs.readdirSync(dirPath);files.forEach((file) > {const filePath path.join(dirPath, file);…
阅读更多...
ctfshow——命令执行

ctfshow——命令执行

文章目录 web 29——通配符*绕过web30——调用其他命令执行函数web 31——参数逃逸web 32-web 36——配合文件包含伪协议web 37-web 39——文件包含web 40—— web 29——通配符*绕过 i不区分大小写，直接?csystem(tac fl*.php); web30——调用其他命令执行函数 调用…
阅读更多...
携程网首页案例制作（移动端）

携程网首页案例制作（移动端）

技术选型 方案：采用单独制作移动页面方案 技术：布局采用flex布局 body样式 通常要设置最大宽度，最小宽度，水平居中，字体设置，背景颜色以及相关初始化 body {max-width: 540px;min-width: 320px;margin…
阅读更多...
Apollo分布式配置中心

Apollo分布式配置中心

携程框架部门研发的开源配置管理中心，能够集中化管理应用不同环境、不同集群的配置，配置修改后能够实时推送到应用端 用户在配置中心对配置进行修改并发布配置中心通知Apollo客户端有配置更新Apollo客户端从配置中心拉取最新的配置、更新本地配置并通知…
阅读更多...
Vue前端框架--Vue工程项目问题总结{脚手架 Vue-cli}

Vue前端框架--Vue工程项目问题总结{脚手架 Vue-cli}

Vue脚手架部署问题总结 我所遇到的一共两大问题 只有先执行npm install之后 才能run serve 否则会报错 vue-cli-serve不是内部或者外部的命令，也不是可运行的程序或者批处理文件的错误 1. 运行npm install会报错 2. 运行npm run serve报错 nodejs官网为 https://no…
阅读更多...
03-抓包_封包_协议_APP_小程序_PC应用_WEB应用

03-抓包_封包_协议_APP_小程序_PC应用_WEB应用

抓包_封包_协议_APP_小程序_PC应用_WEB应用 一、参考工具二、演示案例：2.1、WEB应用站点操作数据抓包-浏览器审查查看元素网络监听2.2、APP&小程序&PC抓包HTTP/S数据-Charles&Fiddler&Burpsuite2.3、程序进程&网络接口&其他协议抓包-WireSh…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023