Monday, June 24, 2013

Editable div using css and html

<div class="sticky_editor" contentEditable="true">
    Here is your html.<br/>Thanks.
</div>

.sticky_editor {
    background-color: #FFFFCC;
    background-image: url("images/document_body_rules.gif");
    background-position: -1px top;
    background-repeat: repeat;
    line-height: 20px;
    min-height: 113px;
    border: 1px solid #E7E7E7;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    font-family: monospace;
    padding-left: 12px;
    overflow: auto;
}

Download the image from here 

And this is JSFiddle link



No comments:

Post a Comment