Code Monkey home page Code Monkey logo

paper-code-mirror's Introduction

##<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

paper-code-mirror's People

Contributors

dreammmr avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.