Vue进阶(⼳⼳肆):Markdown编辑器设置字体⼤⼩颜⾊
  Markdown是⼀种可以使⽤普通⽂本编辑器编写的标记语⾔,通过类似HTML的标记语法,它可以使普通⽂本内容具有⼀定的格式。但是它本⾝是不⽀持修改字体、字号与颜⾊等功能的!
  CSDN-markdown编辑器是其衍⽣版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就是内嵌HTML,接下来要讲的功能就需要使⽤内嵌HTML的⽅法来实现。
字体、字号与颜⾊
<font face="⿊体">我是⿊体字</font>
<font face="微软雅⿊">我是微软雅⿊</font>
<font face="STCAIYUN">我是华⽂彩云</font>
<font color=#0099ff size=7face="⿊体">color=#0099ff size=72 face="⿊体"</font>
Size:规定⽂本的尺⼨⼤⼩。可能的值:从 1 到 7 的数字。浏览器默认值是 3。
呈现效果
我是⿊体字
我是微软雅⿊
我是华⽂彩云
color=#0099ff size=72 face=”⿊体”
color=#00ffff 可以⽤⼗六位颜⾊值
color=gray 也可以⽤已知颜⾊名
颜⾊名列表
颜⾊名⼗六进制颜⾊值颜⾊
颜⾊名⼗六进制颜⾊值颜⾊
AliceBlue#F0F8FF rgb(240, 248, 255) AntiqueWhite#FAEBD7rgb(250, 235, 215) Aqua#00FFFF rgb(0, 255, 255) Aquamarine#7FFFD4rgb(127, 255, 212) Azure#F0FFFF rgb(240, 255, 255) Beige#F5F5DC rgb(245, 245, 220) Bisque#FFE4C4rgb(255, 228, 196) Black#000000rgb(0, 0, 0) BlanchedAlmond#FF
EBCD rgb(255, 235, 205) Blue#0000FF rgb(0, 0, 255) BlueViolet#8A2BE2rgb(138, 43, 226) Brown#A52A2A rgb(165, 42, 42) BurlyWood#DEB887rgb(222, 184, 135) CadetBlue#5F9EA0rgb(95, 158, 160) Chartreuse#7FFF00rgb(127, 255, 0) Chocolate#D2691E rgb(210, 105, 30) Coral#FF7F50rgb(255, 127, 80) CornflowerBlue#6495ED rgb(100, 149, 237) Cornsilk#FFF8DC rgb(255, 248, 220) Crimson#DC143C rgb(220, 20, 60) Cyan#00FFFF rgb(0, 255, 255) DarkBlue#00008B rgb(0, 0, 139) DarkCyan#008B8B rgb(0, 139, 139) DarkGoldenRod#B8860B rgb(184, 134, 11) DarkGray#A9A9A9rgb(169, 169, 169) DarkGreen#006400rgb(0, 100, 0) DarkKhaki#BDB76B rgb(189, 183, 107) DarkMagenta#8B008B rgb(139, 0, 139) DarkOliveGreen#556B2F rgb(85, 107, 47) Darkorange#FF8C00rgb(255, 140, 0) DarkOrchid#9932CC rgb(153, 50, 204) DarkRed#8B0000rgb(139, 0, 0) DarkSalmon#E9967A rgb(233, 150, 122) DarkSeaGreen#8FBC8F rgb(143, 188, 143) DarkSlateBlue#483D8B rgb(72, 61, 139) DarkSlateGray#2F4F4F rgb(47, 79, 79)
DarkTurquoise#00CED1rgb(0, 206, 209) DarkViolet#9400D3rgb(148, 0, 211) DeepPink#FF1493rgb(255, 20, 147) DeepSkyBlue#00BFFF rgb(0, 191, 255) DimGray#696969rgb(105, 105, 105) DodgerBlue#1E90FF rgb(30, 144, 255) Feldspar#D19275rgb(209, 146, 117) FireBrick#B22222rgb(178, 34, 34) FloralWhite#FFFAF0rgb(255, html设置字体颜属性
250, 240) ForestGreen#228B22rgb(34, 139, 34) Fuchsia#FF00FF rgb(255, 0, 255) Gainsboro#DCDCDC rgb(220, 220, 220) GhostWhite#F8F8FF rgb(248, 248, 255) Gold#FFD700rgb(255, 215, 0) GoldenRod#DAA520rgb(218, 165, 32) Gray#808080rgb(128, 128, 128) Green#008000rgb(0, 128, 0) GreenYellow#ADFF2F rgb(173, 255, 47) HoneyDew#F0FFF0rgb(240, 255, 240) HotPink#FF69B4rgb(255, 105, 180) IndianRed#CD5C5C rgb(205, 92, 92) Indigo#4B0082rgb(75, 0, 130) Ivory#FFFFF0rgb(255, 255, 240) Khaki#F0E68C rgb(240, 230, 140) Lavender#E6E6FA rgb(230, 230, 250) LavenderBlush#FFF0F5rgb(255, 240, 245) LawnGreen#7CFC00rgb(124, 252, 0) LemonChiffon#FFFACD rgb(255, 250, 205) LightBlue#ADD8E6rgb(173, 216, 230) LightCoral#F08080rgb(240, 128, 128) LightCyan#E0FFFF rgb(224, 255, 255) LightGoldenRodYellow#FAFAD2rgb(250, 250, 210) LightGrey#D3D3D3rgb(211, 211, 211) LightGreen#90EE90rgb(144, 238, 144) LightPink#FFB6C1rgb(255, 182, 193) LightSalmon#FFA07A rgb(255, 160, 122) LightSeaGreen#20B2AA rgb(32, 178, 170)
LightSeaGreen#20B2AA rgb(32, 178, 170) LightSkyBlue#87CEFA rgb(135, 206, 250) LightSlateBlue#8470FF rgb(132, 112, 255) LightSlateGray#778899rgb(119, 136, 153) LightSteelBlue#B0C4DE rgb(176, 196, 222) LightYellow#FFFFE0rgb(255, 255, 224) Lime#00FF00rgb(0, 255, 0) LimeGreen#32CD32rgb(50, 205, 50) Linen#FAF0E6rgb(250, 240, 230) M
agenta#FF00FF rgb(255, 0, 255) Maroon#800000rgb(128, 0, 0) MediumAquaMarine#66CDAA rgb(102, 205, 170) MediumBlue#0000CD rgb(0, 0, 205) MediumOrchid#BA55D3rgb(186, 85, 211) MediumPurple#9370D8rgb(147, 112, 216) MediumSeaGreen#3CB371rgb(60, 179, 113) MediumSlateBlue#7B68EE rgb(123, 104, 238) MediumSpringGreen#00FA9A rgb(0, 250, 154) MediumTurquoise#48D1CC rgb(72, 209, 204) MediumVioletRed#C71585rgb(199, 21, 133) MidnightBlue#191970rgb(25, 25, 112) MintCream#F5FFFA rgb(245, 255, 250) MistyRose#FFE4E1rgb(255, 228, 225) Moccasin#FFE4B5rgb(255, 228, 181) NavajoWhite#FFDEAD rgb(255, 222, 173) Navy#000080rgb(0, 0, 128) OldLace#FDF5E6rgb(253, 245, 230) Olive#808000rgb(128, 128, 0) OliveDrab#6B8E23rgb(107, 142, 35) Orange#FFA500rgb(255, 165, 0) OrangeRed#FF4500rgb(255, 69, 0) Orchid#DA70D6rgb(218, 112, 214) PaleGoldenRod#EEE8AA rgb(238, 232, 170) PaleGreen#98FB98rgb(152, 251, 152) PaleTurquoise#AFEEEE rgb(175, 238, 238) PaleVioletRed#D87093rgb(216, 112, 147) PapayaWhip#FFEFD5rgb(255, 239, 213) PeachPuff#FFDAB9rgb(255, 218, 185)
PeachPuff#FFDAB9rgb(255, 218, 185) Peru#CD853F rgb(205, 133, 63) Pink#FFC0CB rgb(255, 192, 203) Plum#DDA0DD rgb(221, 160, 221) PowderBlue#B0E0E6rgb(176, 224, 230) Purple#800080rgb(128, 0, 128) Red#FF0000rgb(255, 0, 0) RosyBrown#BC8F8F rgb(188, 143, 143) R
oyalBlue#4169E1rgb(65, 105, 225) SaddleBrown#8B4513rgb(139, 69, 19) Salmon#FA8072rgb(250, 128, 114) SandyBrown#F4A460rgb(244, 164, 96) SeaGreen#2E8B57rgb(46, 139, 87) SeaShell#FFF5EE rgb(255, 245, 238) Sienna#A0522D rgb(160, 82, 45) Silver#C0C0C0rgb(192, 192, 192) SkyBlue#87CEEB rgb(135, 206, 235) SlateBlue#6A5ACD rgb(106, 90, 205) SlateGray#708090rgb(112, 128, 144) Snow#FFFAFA rgb(255, 250, 250) SpringGreen#00FF7F rgb(0, 255, 127) SteelBlue#4682B4rgb(70, 130, 180) Tan#D2B48C rgb(210, 180, 140) Teal#008080rgb(0, 128, 128) Thistle#D8BFD8rgb(216, 191, 216) Tomato#FF6347rgb(255, 99, 71) Turquoise#40E0D0rgb(64, 224, 208) Violet#EE82EE rgb(238, 130, 238) VioletRed#D02090rgb(208, 32, 144) Wheat#F5DEB3rgb(245, 222, 179)
rgb(255, 255, 255) WhiteSmoke#F5F5F5rgb(245, 245, 245) Yellow#FFFF00rgb(255, 255, 0) YellowGreen#9ACD32rgb(154, 205, 50)