.comment-editor {
    min-height: 88px;
    max-height: 200px;
    padding: 8px 12px;
    overflow: scroll;
    line-height: 1.5;
    word-break: break-word;
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;

    // placeholder
    &:empty::before {
        color: #B3B3B3;
        content: attr(placeholder);
    }

    &:focus {
        outline: none;
    }

    img {
        max-width: 100%;
    }

    a {
        color: #1782E6;
        text-decoration: none;
    }

    .insertHtml {
        display: inline;
        vertical-align: top;

        // @同事比较特殊，如果不设置 display:inline-block，会导致元素的宽度随着后面输入的内容增多而变长（原因未知……）
        &.at {
            display: inline-block;
        }
    }
}
