# Forms > Bootstrap Editors

- ##### My Income $47,171

  1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471

- ##### Site Traffic 45%

  110,150,300,130,400,240,220,310,220,300, 270, 210

- ##### Site Orders 2447

  110,150,300,130,400,240,220,310,220,300, 270, 210

## Markdown

### Hello there How are you? I have bellow task for you : Select from this text... Click the bold on THIS WORD and make THESE ONE italic Link GOOGLE to google.com Test to insert image (and try to tab after write the image description) Test Preview And ending here... Click "List" Enjoy!

## Markdown API

Method Name | Description
--- | ---
`showEditor()` | Toggle on the editor visibility
`showPreview()` | Toggle on the preview visibility
`hidePreview()` | Toggle off the editor visibility
`isDirty()` | Check the editor content state, return true if the original content was changed
`getContent()` | Get the editor content
`setContent(string content)` | Set the editor content
`findSelection(string words)` | Find some words/sentence within the editor and returned selection object(containing word position and other useful information).
`getSelection()` | Get the current selected chunk of words within the editor.
`setSelection(int start, int end)` | Tell the editor to select a span of words from `start` to `end`.
`replaceSelection(string content)` | Replace the current selected chunk of words within the editor with any content.
`getNextTab()` | Get the next tab memory. Returned selection object(containing word position and other useful information).
`setNextTab(int start, int end)` | Tell the editor to select a span of words from `start` to `end` at next `tab` keypress event.
`enableButtons(string name)` | Enabled a button by `name` that described in `buttons` or `additionalButtons` arrays. Passing `all` will enabled all buttons.
`disableButtons(string name)` | Disabled a button by `name` that described in `buttons` or `additionalButtons` arrays. Passing `all` will disabled all buttons.

## Summernote (Lightweight)

## Example

### Summernote Example

    var edit = function() { $('.click2edit').summernote() };

##### HTML:

    <button id="edit" class="btn btn-primary" onclick="edit()" type="button">Edit 1</button>
    <button id="save" class="btn btn-primary" onclick="save()" type="button">Save 2</button>
    <div class="click2edit">click2edit</div>

##### Script:

    var edit = function() {
      $('.click2edit').summernote({focus: true});
    };
    var save = function() {
      var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
      $('.click2edit').destroy();
    };

##### Documentation:

Full API for Summernote.js, including keybored shortcuts, PHP Examples, Django installation, and Rails (gem) integration can be found here