### Select Language

### Activity

- Team
- Projects
- Schedule

Joshua S. Las Vegas, NV
Melany W. San Jose, CA
Esteban C. Miami, FL
Tara S. New York, NY
The slicer project getslicer.io
31%
5 / 24
Metamovies reworked metamovies.co
84%
28 / 31
Fast Pizza redesign fastpizza.com
60%
25 / 39

Call Danny at Colby's

Today - 11:30am

Meeting with Alice

Today - 01:00pm

Answer Annie's message

Today - 01:45pm

Send new campaign

Today - 02:30pm

Project review

Today - 03:30pm

Call Trisha Jackson

Today - 05:00pm

Write proposal for Don

Today - 06:00pm

#### Recently viewed

Browser Support Blog post
Twitch API Blog post
Twitter Auth Blog post

#### Recent Members

Alice C. Software Engineer
Tara S. UI/UX Designer
Jimmy H. Project Manager

- Components Hub
- Avatars
- Accordions
  - Accordion
  - Collapse
  - Image Accordion
- Breadcrumb
- Calendar
- Dropdown
- Icon Box
- Loader
- Message
- Modal
- Progress
- Tabs
  - Regular Tabs
  - Slider Tabs
- Flex Table
  - Base Table
  - Compact Table
  - Media Table
  - Advanced Table
- Snacks
- Plugins
  - Alertify
  - Autocomplete
  - Datepicker
  - ChoicesJs
  - NoUI Slider
  - Filepond
  - Light Gallery
  - Video Gallery
  - Video Player
  - Toasts
  - WebUI Popover
- Rich Text
  - Summernote
  - Sun Editor

# Sun Editor

### Standard Editor

Huro ships with Sun Editor, a solid vanilla js rich text editor alternative. You can read more on sun editor and all the vailable customization options here. The example below shows a standard sun editor instance.

          //JS CODE
          const editor = SUNEDITOR.create((document.getElementById('sun-editor') || 'sun-editor'), {
              width: '100%',
              height: 250,
              placeholder: 'Write your text here...'
          });

          //MARKUP
          <textarea id="sun-editor" placeholder="Write your text here..."></textarea>

### Balloon Editor

Sun Editor can be used with a more minimal UI configuration where the toolbar appears only when you focus the textarea. It can be very useful to keep your layouts clean. In order to do this simply use the `mode:'balloon-always'` in your JS configuration. Check the code exqmple for more details about usage.

          //JS CODE
          const editor = SUNEDITOR.create((document.getElementById('sun-editor-balloon') || 'sun-editor-balloon'), {
              width: '100%',
              height: 250,
              placeholder: 'Write your text here...',
              mode: 'balloon-always'
          });

          //MARKUP
          <textarea id="sun-editor-balloon" placeholder="Write your text here..."></textarea>