Question

Ymacs编辑器有一个块光标，就像我的emacs设置一样，我希望拥有相同的光标;垂直条而不是块。我想出了这段代码：

.Ymacs-Theme-dark .Ymacs_Frame-focus .Ymacs-caret {
    background: transparent !important;
    border-left: 1px solid white;
    margin-left: -1px;
    color: inherit !important;
}

但是当光标是第一个字符时，这不起作用，因为margin-left: -1px会使它在页面之外（它需要它，因为否则边框将移动光标一个像素）。

有没有办法制作一个垂直光标，即使作为该行的第一个字符也能正常工作？

您可以在ymacs demo页面上对此进行测试，并使用开发工具添加我的CSS。如果需要，我可以创建一个CodePen演示。

Answer 1

将此代码添加到自定义样式中：

.Ymacs-current-line {
    padding-left:1px;
}

它会在活动行的左边缘添加一个填充像素，足以看到闪烁的光标，并将元素向右移动1px，使行的左边缘保持在同一位置，而不是给你一个滚动条或移动光标。

Answer 2

您可以使用：之前的伪元素：

.Ymacs-caret {
    position: relative;
}
.Ymacs-caret:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid white;
    bottom: 0;
}

条形码在Ymacs中

2 个答案: