---
title: Split Mode
description: Edit content with side-by-side WYSIWYG and source views.
keywords: split mode, side by side, wysiwyg source
---

# Edit content in split mode

```html
<link type="text/css" rel="stylesheet" href="build/jodit.min.css" />
<script type="text/javascript" src="build/jodit.min.js"></script>
```

```javascript
Jodit.make('#editor', {
	defaultMode: Jodit.MODE_SPLIT
});
```

## Result

```html
<!-- Example Start -->
<textarea id="dummy" cols="30" rows="10">
&lt;div>
    &lt;img src="https://xdsoft.net/jodit/finder/files/pexels-kei-scampa-4507967.jpeg" style="width: 301px; float: right; margin-left: 15px; margin-top: 10px;">
&lt;/div>
&lt;ul>
    &lt;li>Copy/Paste image&lt;/li>
    &lt;li>Drag&amp;Drop &lt;/li>
    &lt;li>Free for non-Commercial &lt;a href="license.html">Read more</a> &lt;/li>
    &lt;li>ACE editor out of the box &lt;/li>
    &lt;li>Pure TypeScript. No libraries&lt;/li>
    &lt;li>Lightweight: ~63.63kB gzipped.&lt;/li>
&lt;/ul></textarea
>
<script>
	Jodit.make('#dummy', {
		defaultMode: Jodit.MODE_SPLIT
	});
</script>
<!-- Example End -->
```