Skip to content

Polymer 1.0 component to show code blocks with Code Mirror

License

Notifications You must be signed in to change notification settings

dreammmr/paper-code-mirror

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##<paper-code-mirror>

paper-code-mirror is a material design styled code editor. It's using Code Mirror plugin and RequireJS.

Live Example

##Installing with Bower

To install the component with the Bower, just run:

bower install --save paper-code-mirror

Example:

<paper-code-mirror line-numbers mode="htmlmixed" title="HTML">
    <template>
        <div class="container">
            <div class="header">
                <a href="http://google.com" target="_blank">Hello</a>
            </div>
        </div>
    </template>
</paper-code-mirror>

###<paper-code-mirror> - Properties

The following properties are available:

Property Name Description Default
value The value of the code editor ``
tabSize The width of a tab character. 4
mode The language name you are using htmlmixed
theme The theme to display the code editor material
lineNumbers Boolean property to show the line numbers or hide false
title Code editor title ``

###<paper-code-mirror> - Modes

python ruby php pascal sql clike xml javascript css vbscript htmlmixed apl asciiarmor markdown clojure cmake dart fortran haskell jade sass shell xml yaml

###<paper-code-mirror> - Themes

ambiance ambiance-mobile material blackboard cobalt eclipse elegant erlang-dark lesser-dark midnight monokai neat night rubyblue solarized twilight vibrant-ink xq-dark xq-light

About

Polymer 1.0 component to show code blocks with Code Mirror

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages