Markdown Editor syntax--settings for text color, size, font, and background color

Csdn's Markdown Editor is its derivative version, extending the functionality of markdown (such as tables, footnotes, inline HTML, and so on) is embedded HTML, and the next feature needs to be implemented using inline HTML.

First, color

In Markdown, you can control the color of text in the following ways:

Light red text: <font color= "#dd0000" > Light red text: </font><br/> 
dark red text: <font color= "#660000" > Dark red Text < /font><br/> 
Light green text: <font color= "#00dd00" > Light green text </font><br/> 
dark green text: <font Color= "#006600" > Dark green text </font><br/> 
light blue text: <font color= "#0000dd" > Light blue text </font><br /> 
dark blue text: <font color= "#000066" > Dark blue text </font><br/> 
light yellow text: <font color= "#dddd00" > Light yellow text </font><br/> 
Dark Yellow text: <font color= "#666600" > Dark yellow text </font><br/> 
Light Cyan Text: <font color= "#00dddd" > Light cyan text </font><br/> 
Dark Cyan text: <font color= "#006666" > Dark cyan Text </font ><br/> 
Light purple text: <font color= "#dd00dd" > Light purple text </font><br/> 

The effect is as follows:

Light red text: Light red text:

Dark red text: Dark red text

Light green text: Light green text

Dark green text: Dark green text

Light blue text: light blue text

Dark blue text: dark blue text

Light yellow text: Light yellow text

Dark yellow text: Dark yellow text

Light Cyan Text: Light Cyan Text

Dark Cyan Text: Dark Cyan Text

Light Purple text: Light purple text

Dark purple text: dark purple text

In fact, the specific color you can go online to check, using the RGB color
Here's a comparison:
Http://www.114la.com/other/rgb.htm
You can select the RGB value that corresponds to the color you want.

Second, size

Size is 1:<font size= "1" >size for 1</font><br/> 
size 2:<font size= "2" >size for 2</font> <br/> 
size is 3:<font size= "3" >size for 3</font><br/> 
size 4:<font size= "4" > Size is 4</font><br/> 

The effect is as follows:

Size is 1:size to 1

Size is 2:size to 2

Size is 3:size to 3

Size is 4:size to 4

Size is 10:size to 10

Three, font

<font face= "Blackbody" > I am boldface </font>
<font face= "Arial" > I am italicized word </font>
<font face= "Microsoft Ya Hei" > I am Microsoft ya black word </font>
<font face= "Fantasy" > I am Fantasy word </font>
<font face= "Helvetica" > I am the Helvetica word </font>

The effect is as follows:

I'm a bold word.
I'm italicized word.
I am Microsoft Black Word
I'm the fantasy word.
I'm the Helvetica word.

Trying a few fonts in Word is OK, I guess the fonts in Word basically can be implemented.


Four, background color

<TABLE><TR><TD bgcolor= #FF00FF > Background color settings are in hexadecimal color values: #7FFFD4 </td></tr></table>
<table><tr><td bgcolor= #FF83FA > Background color settings are in hexadecimal color values: #FF83FA </td></tr></table >
<table><tr><td bgcolor= #D1EEEE > Background color setting is in hexadecimal color value: #D1EEEE </td></tr></ table>
<table><tr><td bgcolor= #C0FF3E > Background color settings are in hexadecimal color values: #C0FF3E </td></tr> </table>
<table><tr><td bgcolor= #54FF9F > Background color setting is in hexadecimal color value: #54FF9F </td></tr ></table>

The effect is as follows:

The background color is set according to the hexadecimal color value: #7FFFD4

The background color is set according to the hexadecimal color value: #FF83FA

The background color is set according to the hexadecimal color value: #D1EEEE

The background color is set according to the hexadecimal color value: #C0FF3E

The background color is set according to the hexadecimal color value: #54FF9F

Blog reprinted from: http://blog.csdn.net/manjianchao/article/details/53668280