How to use the Bootstrap-wysiwyg text editor, give full play to the editor's advantages, I hope you can have some harvest.
Main Features:Super Small 5kbAutomatic hotkey Support (Mac and Windows)Drag and drop Insert picture, support picture upload (support mobile phone photo)Support for sound input (chrome support)Allow custom toolbars to use all bootstrap content, fontsDo not use any of the coerced styles..............................
In fact, more than this, we need to explore their own, re
BOOTSTRAP-WYSIWYG
The BOOTSTRAP-WYSIWYG plugin has good editing function and display effect.First, there are many ways to use the Internet, in this record their own use of some of the problems and solutions.
Related dependencies:
Bootstrap-wysiwyg.js (CORE)
jquery.hotkeys.js (shortcut key)
prettify.js
prettify.css
edit.css (page show effect, customizable)
bootstrap.min.css
font-awesome.css (font picture style)
bootstrap.min.js
Jquery2.1.4.min.js
blocks used for that color. Of course, you can also choose to list colors by page element.
/*------------------------------------------------------------------
[Color codes]
Background: #ffffff (White)
Content: #1e1e1e (Light black)
Header H1: #9caa3b (green)
Header H2: #ee4117 (red)
Footer: #b5cede (Dark Black)
A (Standard): #0040b6 (dark blue)
A (visited): #5999de (light blue)
A (Active): #cc0000 (Pink)
-------------------------------------------------------------------*/
There are similar
the font is also only Lucida Console and Consolas,lucida console effect is not flattering, consolas I think it is quite good. How does the code page switch? Very simple chcp [codepage] can.Now let's look at the optional font for the property page.You can see the Consolas and Lucida Console in the Font list, and select Consolas to see the effect.It's good, huh? H
" variables.less "; @import" Stuff.less ";2. In the variables.less file to define their own required variables, on the other hand can be overridden bootstrap preset variables;Override Bootstrap Variables@font-family-sans-serif: "Lucida Grande", "Lucida Sans Unicode", arial,sans
above CodeThe style definition is:# Subnav {/* some styling */}# Subnav Li {/* some styling */}# Subnav A {/* some styling */}# Subnav. Sel {/* some styling */}# Subnav. Sel A {/* some styling */}Using a sub-selector can make your code and CSS more concise and easier to read.10. Do not quote the background image pathTo reduce the number of bytes, we recommend that you do not quote the path of the background image because the quotation marks are not required. For example:Background: URL ("images
One or three types of style selectors
Property selector p {color:red;}
Class selector. p {color:red;}
ID selector #p {color:red;}
Second, transparent
Background:transparent; Prevent the definition background from being overwritten
Third, netscape4.x (ie/windows4.0 previous version) under the transparent background of the error understanding
Background:inhrit; The transparent background under netscape4.x will be interpreted as black and green
Four, font default selection:
Body {font-family: "
lower-right
I believe many of my friends can see that the above phonetic symbols are normal. It seems that the problem has been solved. But ...... When we move to IE6, the problem occurs --
How to display the English phonetic alphabet on the page to continue searching for solutions
Although IE6 is annoying, there is still no way to ignore it. Therefore, we can only continue to look for solutions. There must be a page showing the phonetic alphabet for a guy like wiki. Let's see what they do. Fi
css| Development Manual
Basic article:
One or three types of style selectors
Property selector p {color:red;}
Class selector. p {color:red;}
ID selector #p {color:red;}
Second, transparent
Background:transparent; Prevent the definition background from being overwritten
Third, netscape4.x (ie/windows4.0 previous version) under the transparent background of the error understanding
Background:inhrit; The transparent background under netscape4.x will be interpreted as black and green
Four, font defa
Label:Today in the run Sql.prompt.keygen.5.3.exe to crack the time, found that can not boot,Then use Vs2013 to debug and indicate which error:Unhandled exception of type "System.ArgumentException" occurs in System.Drawing.dllAdditional information: The font "Lucida Sans" does not support style "Regular".Should be the font effect of the problem, the solution is to first "
solid #000;
Grammar is border:width style color;
Background (backgrounds)
The properties of the background are as follows:
Background-color: #f00;
Background-image:url (background.gif);
Background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
can be abbreviated to one sentence: background: #f00 URL (background.gif) no-repeat fixed 0 0;
The grammar is Background:color image repeat attachment position;
You can omit one or more of the property values, and if om
syntax is border:width style color; The properties of the Background (backgrounds) background are as follows: background-color: #f00; Background-image:url (background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0; The can be abbreviated to one sentence: background: #f00 URL (background.gIF) no-repeat fixed 0 0; The syntax is background:color image repeat attachment position; You can omit one or more of the property values, and if omitte
: #000;
can be abbreviated as one sentence: border:1px solid #000;
Grammar is border:width style color;
Background (backgrounds)
The properties of the background are as follows:
Background-color: #f00;
Background-image:url (background.gif);
Background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
can be abbreviated to one sentence: background: #f00 URL (background.gif) no-repeat fixed 0 0;
The grammar is Background:color image repeat attachment
Google is the most effective Ajax effects, Google suggest, Google Map,igoogle can drag the window and so on ... Today, I modeled igoogle as a simple little demo.This demo is made directly out of a jquery framework: Easywidgets. This framework is free to download the http://plugins.jquery.com/project/easywidgets.Nonsense is not much to say, directly put the source code out, let everyone learn!Html1 2 3 45 6 7 8 9 Ten 111929PNS 46Wuyi Css1 body{2 margin:0;3 padding:0;45 font-family: '
;
Grammar is border:width style color;
Background (backgrounds)
The properties of the background are as follows:
Background-color: #f00;
Background-image:url (background.gif);
Background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
can be abbreviated to one sentence: background: #f00 URL (background.gif) no-repeat fixed 0 0;
The grammar is Background:color image repeat attachment position;
You can omit one or more of the property values, and if omitted, the proper
-style:solid;
Border-color: #000;can be abbreviated as one sentence: border:1px solid #000;Grammar is border:width style color; Background (backgrounds)the properties of the background are as follows:
Background-color: #f00;
Background-image:url (background.gif);
Background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;can be abbreviated to one sentence: background: #f00 URL (background.gif) no-repeat fixed 0 0;The grammar is background:color image repeat
like this.
2. Define body style
First define the body style of the entire page, the code is as follows:
body {margin:0px;
padding:0px;
Background:url (.. /images/bg_logo.gif) #FEFEFE no-repeat right bottom;
font-family: ' Lucida Grande ', ' Lucida Sans Unicode ', ' XXFarEastFont-Arial ', ' Neo-Arial ', Arial,verdana,sans
:
Font-style:italic;Font-variant:small-caps;Font-weight:bold;Font-size:1em;line-height:140%;font-family: "Lucida Grande", Sans-serif;
can be abbreviated as one sentence: Font:italic small-caps bold 1em/140% "Lucida Grande", Sans-serif;
Note that if you abbreviate a font definition, you must define at least two value
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.