gdy-quill-editor/lib/assets/styles/cn.css

基于Quill的vue编辑器组件 npm@0.1.6

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, 
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-radius: 5px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '正文' !important;  
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='10px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='10px']::before {
  content: '10px' !important;  
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='12px']::before {
  content: '12px' !important; 
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
  content: '14px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
  content: '16px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
  content: '20px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='24px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='24px']::before {
  content: '24px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='36px']::before, 
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='36px']::before {
  content: '36px' !important; 
}

.ql-size-10px {
  font-size: 10px;
}
.ql-size-12px {
  font-size: 12px;
}
.ql-size-14px {
  font-size: 14px;
}
.ql-size-16px {
  font-size: 16px;
}
.ql-size-20px {
  font-size: 20px;
}
.ql-size-24px {
  font-size: 24px;
}
.ql-size-36px {
  font-size: 36px;
}


.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "文本" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "标题1" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "标题2" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "标题3" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "标题4" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "标题5" !important
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "标题6" !important
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "标准字体" !important
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
  content: "衬线字体" !important
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
  content: "等宽字体" !important
}

.ql-snow.ql-toolbar button svg {
  width: 100%;
}
/* lineHeight */

.ql-lineHeight {
  margin-right: 50px;
  margin-top: 5px;
}
.ql-lineHeight::before {
  content: "行高：";
}
.ql-lineHeight .ql-picker-label {
  left: 50px;
  top: -22px;
}
.ql-lineHeight .ql-picker-options {
  left: 50px;
}

.ql-lineHeight-0p5 {
  line-height: 0.5;
}

.ql-lineHeight-0p75 {
  line-height: 0.75;
}
.ql-lineHeight-1 {
  line-height: 1;
}

.ql-lineHeight-1p5 { 
  line-height: 1.5;
}
.ql-lineHeight-1p75 {
  line-height: 1.75;
}

.ql-lineHeight-2 {
  line-height: 2;
}

.ql-picker.ql-lineHeight .ql-picker-label[data-value="1p5"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="1p5"]::before {
  content: "1.5";
}
.ql-picker.ql-lineHeight .ql-picker-label[data-value="1p75"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="1p75"]::before {
  content: "1.75";
}
.ql-picker.ql-lineHeight .ql-picker-label[data-value="0p5"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="0p5"]::before {
  content: "0.5";
}
.ql-picker.ql-lineHeight .ql-picker-label[data-value="2"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="2"]::before {
  content: "2";
}
.ql-picker.ql-lineHeight .ql-picker-label[data-value="1"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="1"]::before {
  content: "1";
}
.ql-picker.ql-lineHeight .ql-picker-label[data-value="0p75"]::before,
.ql-picker.ql-lineHeight .ql-picker-item[data-value="0p75"]::before {
  content: "0.75";
}

/* dplayer */
.dplayer {
  font-size: 0;
}
.dplayer * {
  white-space: nowrap !important
}

/* toolbar */
.ql-toolbar {
  text-align: left ;
}
.ql-formats {
  border-right: 1px solid #ddd
}
.ql-snow .ql-tooltip[data-mode='link']:before {
  content: '链接:' !important 
}
.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
  content: '确定' !important
}
.ql-snow .ql-tooltip::before {
  content: '访问URL' !important
}
.ql-snow .ql-tooltip a.ql-action::after {
  content: '编辑' !important
} 
.ql-snow .ql-tooltip a.ql-remove::before {
  content: '删除' !important
}