admin/cartlog-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inital commit

Browse Source
This commit is contained in:
Rohit Darekar
2026-01-01 15:25:19 +05:30
commit f0ae49465a
36361 changed files with 4894111 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
node_modules/jodit/examples/arabic.lang.html generated vendored Normal file
View File

@@ -0,0 +1,123 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html dir="rtl">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Example Arabic and RTL</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
direction: 'rtl',
language: 'ar'
});
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
direction: 'rtl',
language: 'ar'
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

174
node_modules/jodit/examples/assets/app.css generated vendored Normal file
View File

@@ -0,0 +1,174 @@
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
height: 100%;
margin: 0;
}
body {
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
font-weight: 300;
line-height: 1.5;
text-rendering: optimizelegibility;
}
body {
display: flex;
flex-direction: column;
}
header,
#main_container {
flex: 1 0 auto;
}
* {
box-sizing: border-box;
}
.table,
.p {
margin: 0 0 16px 0;
}
.table {
max-width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
.table tr {
user-select: none;
}
.table td,
.table th {
user-select: text;
}
.table th,
.table td {
box-sizing: border-box;
padding: 2px 5px;
vertical-align: top;
}
.table td,
.table th {
border: 1px solid #ddd;
}
.container {
width: 1000px;
margin: 0 auto;
}
nav {
overflow: hidden;
height: 30px;
padding: 0;
background: linear-gradient(to left, #28a5f5, #1e87f0);
}
footer nav {
margin-top: 20px;
background: #f9f9f9;
}
nav > ul {
padding: 0;
margin: 0;
}
nav > ul > li {
display: inline-block;
padding: 0;
margin: 0;
list-style: none;
}
nav > ul > li + li {
margin-left: 23px;
}
nav ul li a {
color: #fff;
font-size: 0.625rem;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
nav ul li a:hover {
color: #fff;
text-decoration: underline;
}
footer nav ul li a {
color: #3f3f3f;
}
nav ul li ul {
position: absolute;
z-index: 20;
display: none;
padding: 0;
margin: 0;
background-color: #208bf1;
}
nav > ul > li:hover > ul {
display: block;
}
nav ul li ul li {
display: block;
padding: 0;
margin: 0;
list-style: none;
}
nav ul li ul li a {
padding: 8px;
}
.layout {
display: flex;
flex-direction: row;
}
.layout > * {
}
.leftside {
width: 20%;
padding: 10px 10px 10px 0;
}
.rightside {
width: 80%;
padding: 10px 0 10px 10px;
}
pre {
padding: 10px;
background-color: #3f3f3f;
color: #fff;
white-space: pre-wrap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
}

58
node_modules/jodit/examples/assets/app.js generated vendored Normal file
View File

@@ -0,0 +1,58 @@
/*!
* Jodit Editor (https://xdsoft.net/jodit/)
* Released under MIT see LICENSE.txt in the project root for license information.
* Copyright (c) 2013-2025 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
*/
const examples = document.getElementById('examples');
const main_container = document.getElementById('main_container');
const links = {
'index.html': 'All options',
'arabic.lang.html': 'Arabic Language',
'custom-toolbar.html': 'Custom toolbar',
'fullsize.html': 'Fullsize mode',
'inline-mode.html': 'Inline mode',
'custom-icons.html': 'Custom Icons / Font Awesome',
'oneinstance.html': 'One Instance',
'color-picker.html': 'Color Picker',
'theme.html': 'Dark theme'
};
if (examples) {
Object.keys(links).forEach(function (page) {
const child = document.createElement('li');
const a = document.createElement('a');
child.appendChild(a);
a.setAttribute('href', page);
a.innerHTML = links[page];
examples.appendChild(child);
});
}
Array.from(document.getElementsByTagName('pre')).forEach(function (pre) {
if (pre.firstChild.nodeName === 'CODE') {
pre = pre.firstChild;
}
const lines = pre.innerHTML.split('\n');
const first = lines[1].length - lines[1].replace(/^[\s]+/, '').length;
pre.innerHTML = lines
.map(function (line) {
var newline = line.substr(first);
return newline.match(/[^\s]/) ? newline : null;
})
.filter(function (a) {
return a;
})
.join('\n');
});
if (!document.getElementsByTagName('h1').length && main_container) {
const h1 = document.createElement('h1');
h1.innerHTML = document.title;
main_container.insertBefore(h1, main_container.firstChild);
}

BIN
node_modules/jodit/examples/assets/download.jpg generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
node_modules/jodit/examples/assets/icon.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
node_modules/jodit/examples/assets/logo.png generated vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

189
node_modules/jodit/examples/color-picker.html generated vendored Normal file
View File

@@ -0,0 +1,189 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Example - Color picker</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;script src="https://cdn.jsdelivr.net/npm/a-color-picker@1.2.1/dist/acolorpicker.min.js">&lt;/script>
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = new Jodit('#area_editor', {
buttons: 'brush'
});
// After open will add custom buttn in default color-picker
editor.e.on('afterGenerateColorPicker', (form, extra) => {
// Make button
const elm = editor.create.fromHTML('&lt;button class="jodit-ui-button">Custom&lt;/button>');
Jodit.ns.Dom.detach(extra);<br><br>
extra.appendChild(elm);<br><br>
//
let selectedColor = null;
//
elm.addEventListener('click', () => {
// On Click - show dialog witch color-pciker
const dialog = Jodit.Alert('', 'Select custom color', () => {
// On Ok apply this color
if (!selectedColor) {
return;
}
//
const style = new Jodit.ns.Style({
style: {
color: Jodit.ns.Helpers.colorToHex(selectedColor)
}
});
//
style.apply(editor);
});
// Init custom color picker for dialog's content element
AColorPicker
.from(dialog.dialogbox_content.firstChild)
.on('change', (picker, color) => {
selectedColor = color;
});
});
});
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/a-color-picker@1.2.1/dist/acolorpicker.min.js"></script>
<script src="./es2015/jodit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = new Jodit('#area_editor', {
buttons: 'brush'
});
editor.e.on('afterGenerateColorPicker', (form, extra) => {
const elm = editor.create.fromHTML(
'<button class="jodit-ui-button">Custom</button>'
);
Jodit.ns.Dom.detach(extra);
extra.appendChild(elm);
let selectedColor = null;
elm.addEventListener('click', () => {
const dialog = Jodit.Alert('', 'Select custom color', () => {
if (!selectedColor) {
return;
}
const style = new Jodit.ns.Style({
style: {
color: Jodit.ns.Helpers.colorToHex(selectedColor)
}
});
style.apply(editor);
});
AColorPicker.from(dialog.dialogbox_content.firstChild).on(
'change',
(picker, color) => {
selectedColor = color;
}
);
});
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

220
node_modules/jodit/examples/custom-icons.html generated vendored Normal file
View File

@@ -0,0 +1,220 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Example - Custom Icons</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;script src="https://use.fontawesome.com/c1f20c2bd7.js"&gt;&lt;/script&gt;
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
getIcon: function (name, clearName) {
let code = clearName;
switch (clearName) {
case 'redo':
code = 'rotate-right';
break;
case 'video':
code = 'video-camera';
break;
case 'copyformat':
code = 'clone';
break;
case 'about':
code = 'question';
break;
case 'selectall':
code = 'legal';
break;
case 'symbol':
return '<span style="text-align: center;font-size:14px;">Ω</span>';
case 'hr':
code = 'minus';
break;
case 'left':
case 'right':
case 'justify':
case 'center':
code = 'align-' + name;
break;
case 'brush':
code = 'tint';
break;
case 'fontsize':
code = 'text-height';
break;
case 'ul':
case 'ol':
code = 'list-' + name;
break;
case 'source':
code = 'code';
break;
}
return '<i style="font-size:14px" class="fa fa-' + code + ' fa-xs"></i>';
}
});
editor.setEditorValue('&lt;p>start&lt;/p>')
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="https://use.fontawesome.com/c1f20c2bd7.js"></script>
<script src="./es2015/jodit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
getIcon: (name, clearName) => {
let code = clearName || name;
switch (clearName) {
case 'redo':
code = 'rotate-right';
break;
case 'video':
code = 'video-camera';
break;
case 'copyformat':
code = 'clone';
break;
case 'about':
code = 'question';
break;
case 'selectall':
code = 'legal';
break;
case 'symbol':
return '<span style="text-align: center;font-size:14px;">Ω</span>';
case 'hr':
code = 'minus';
break;
case 'left':
case 'right':
case 'justify':
case 'center':
code = 'align-' + name;
break;
case 'brush':
code = 'tint';
break;
case 'fontsize':
code = 'text-height';
break;
case 'ul':
case 'ol':
code = 'list-' + name;
break;
case 'source':
code = 'code';
break;
}
return (
'<i style="font-size:14px" class="fa fa-' +
code +
' fa-xs"></i>'
);
}
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

127
node_modules/jodit/examples/custom-toolbar.html generated vendored Normal file
View File

@@ -0,0 +1,127 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Example</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
buttons: 'source,about,print,bold',
buttonsMD: 'source,about,print',
buttonsSM: 'source,about',
buttonsXS: 'source'
});
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
buttons: 'source,about,print,bold',
buttonsMD: 'source,about,print',
buttonsSM: 'source,about',
buttonsXS: 'source'
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

122
node_modules/jodit/examples/example.default.html generated vendored Normal file
View File

@@ -0,0 +1,122 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Example</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
//
});
editor.value = '&lt;p>start&lt;/p>';
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
//
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

122
node_modules/jodit/examples/fullsize.html generated vendored Normal file
View File

@@ -0,0 +1,122 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit in fullsize mode</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-javascript">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
fullsize: true
});
editor.setEditorValue('&lt;p>start&lt;/p>')
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
fullsize: true
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

223
node_modules/jodit/examples/index.html generated vendored Normal file
View File

@@ -0,0 +1,223 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit All options</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
var editor = Jodit.make('#editor', {
zIndex: 0,
readonly: false,
activeButtonsInReadOnly: ['source', 'fullsize', 'print', 'about', 'dots'],
toolbarButtonSize: 'middle',
theme: 'default',
saveModeInCookie: false,
spellcheck: true,
editorCssClass: false,
triggerChangeEvent: true,
width: 'auto',
height: 'auto',
minHeight: 100,
direction: '',
language: 'auto',
debugLanguage: false,
i18n: 'en',
tabIndex: -1,
toolbar: true,
enter: "P",
defaultMode: Jodit.MODE_WYSIWYG,
useSplitMode: false,
colors: {
greyscale: ['#000000', '#434343', '#666666', '#999999', '#B7B7B7', '#CCCCCC', '#D9D9D9', '#EFEFEF', '#F3F3F3', '#FFFFFF'],
palette: ['#980000', '#FF0000', '#FF9900', '#FFFF00', '#00F0F0', '#00FFFF', '#4A86E8', '#0000FF', '#9900FF', '#FF00FF'],
full: [
'#E6B8AF', '#F4CCCC', '#FCE5CD', '#FFF2CC', '#D9EAD3', '#D0E0E3', '#C9DAF8', '#CFE2F3', '#D9D2E9', '#EAD1DC',
'#DD7E6B', '#EA9999', '#F9CB9C', '#FFE599', '#B6D7A8', '#A2C4C9', '#A4C2F4', '#9FC5E8', '#B4A7D6', '#D5A6BD',
'#CC4125', '#E06666', '#F6B26B', '#FFD966', '#93C47D', '#76A5AF', '#6D9EEB', '#6FA8DC', '#8E7CC3', '#C27BA0',
'#A61C00', '#CC0000', '#E69138', '#F1C232', '#6AA84F', '#45818E', '#3C78D8', '#3D85C6', '#674EA7', '#A64D79',
'#85200C', '#990000', '#B45F06', '#BF9000', '#38761D', '#134F5C', '#1155CC', '#0B5394', '#351C75', '#733554',
'#5B0F00', '#660000', '#783F04', '#7F6000', '#274E13', '#0C343D', '#1C4587', '#073763', '#20124D', '#4C1130'
]
},
colorPickerDefaultTab: 'background',
imageDefaultWidth: 300,
removeButtons: [],
disablePlugins: [],
extraButtons: [],
sizeLG: 900,
sizeMD: 700,
sizeSM: 400,
sizeSM: 400,
buttons: [
'source', '|',
'bold',
'strikethrough',
'underline',
'italic', '|',
'ul',
'ol', '|',
'outdent', 'indent', '|',
'font',
'fontsize',
'brush',
'paragraph', '|',
'image',
'video',
'table',
'link', '|',
'align', 'undo', 'redo', '|',
'hr',
'eraser',
'copyformat', '|',
'symbol',
'fullsize',
'print',
'about'
],
buttonsXS: [
'bold',
'image', '|',
'brush',
'paragraph', '|',
'align', '|',
'undo', 'redo', '|',
'eraser',
'dots'
],
events: {},
textIcons: false,
});
editor.setEditorValue('&lt;p>start&lt;/p>')
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="assets/app.js"></script>
<script>
var editor = Jodit.make('#area_editor', {
textIcons: false,
toolbarButtonSize: 'small',
iframe: false,
iframeStyle: '*,.jodit-wysiwyg {color:red;}',
height: 300,
defaultMode: Jodit.MODE_WYSIWYG,
history: {
timeout: 100
},
uploader: {
url: 'https://xdsoft.net/jodit/connector/index.php?action=fileUpload'
},
filebrowser: {
// buttons: ['list', 'tiles', 'sort'],
ajax: {
url: 'https://xdsoft.net/jodit/connector/index.php'
}
},
commandToHotkeys: {
openreplacedialog: 'ctrl+p'
}
// buttons: ['symbol'],
// disablePlugins: 'hotkeys,mobile'
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

217
node_modules/jodit/examples/inline-mode.html generated vendored Normal file
View File

@@ -0,0 +1,217 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Inline edit Jodit Example</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;div id="area">Some text&lt;/div>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#area', {
preset: 'inline'
})
</code></pre>
</div>
<div class="result">
<div id="area">
<p>
<img
style="float: right; margin: 10px"
src="./assets/download.jpg"
alt="Itaque nostrum est-quod nostrum dico, artis est-ad ea principia, quae accepimus."
/>
</p>
<h1>
Itaque nostrum est-quod nostrum dico, artis est-ad ea
principia, quae accepimus.
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<i>Quonam, inquit, modo?</i>
<mark
>Illum mallem levares, quo optimum atque
humanissimum virum, Cn.</mark
>
Quae quidem vel cum periculo est quaerenda vobis;
Amicitiam autem adhibendam esse censent, quia sit ex eo
genere, quae prosunt.
<a href="http://loripsum.net/" target="_blank"
>Duo Reges: constructio interrete.</a
>
Illud quaero, quid ei, qui in voluptate summum bonum
ponat, consentaneum sit dicere. At vero illa, quae
Peripatetici, quae Stoici dicunt, semper tibi in ore
sunt in iudiciis, in senatu. Dic in quovis conventu te
omnia facere, ne doleas. Nummus in Croesi divitiis
obscuratur, pars est tamen divitiarum. Isto modo ne
improbos quidem, si essent boni viri. Luxuriam non
reprehendit, modo sit vacua infinita cupiditate et
timore. Sit ista in Graecorum levitate perversitas, qui
maledictis insectantur eos, a quibus de veritate
dissentiunt.
</p>
<blockquote cite="http://loripsum.net">
Nec enim absolvi beata vita sapientis neque ad exitum
perduci poterit, si prima quaeque bene ab eo consulta
atque facta ipsius oblivione obruentur.
</blockquote>
<pre>
Tum ille: Tu autem cum ipse tantum librorum habeas, quos hic
tandem requiris?
Possumusne ergo in vita summum bonum dicere, cum id ne in
cena quidem posse videamur?
</pre
>
<ul>
<li>
Possumusne ergo in vita summum bonum dicere, cum id
ne in cena quidem posse videamur?
</li>
<li>
Quodsi vultum tibi, si incessum fingeres, quo
gravior viderere, non esses tui similis;
</li>
</ul>
<ol>
<li>
Qui autem diffidet perpetuitati bonorum suorum,
timeat necesse est, ne aliquando amissis illis sit
miser.
</li>
<li>
Nulla profecto est, quin suam vim retineat a primo
ad extremum.
</li>
</ol>
<dl>
<dt><dfn>Falli igitur possumus.</dfn></dt>
<dd>
Quid enim ab antiquis ex eo genere, quod ad
disserendum valet, praetermissum est?
</dd>
<dt><dfn>Scrupulum, inquam, abeunti;</dfn></dt>
<dd>
Scio enim esse quosdam, qui quavis lingua
philosophari possint;
</dd>
<dt><dfn>Poterat autem inpune;</dfn></dt>
<dd>
Tum ille: Tu autem cum ipse tantum librorum habeas,
quos hic tandem requiris?
</dd>
<dt><dfn>Beatum, inquit.</dfn></dt>
<dd>Respondeat totidem verbis.</dd>
</dl>
</div>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area', {
preset: 'inline'
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
</html>

173
node_modules/jodit/examples/oneinstance.html generated vendored Normal file
View File

@@ -0,0 +1,173 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>One Instance Jodit Example</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<p>You can create Jodit only when you need.</p>
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;div class="editor" id="editor1">Some text&lt;/div>
&lt;div class="editor" id="editor2">Some text&lt;/div>
&lt;div class="editor" id="editor3">Some text&lt;/div>
&lt;div class="editor" id="editor4">Some text&lt;/div>
&lt;div class="editor" id="editor5">Some text&lt;/div>
&lt;div class="editor" id="editor6">Some text&lt;/div>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
var editors = [].slice.call(document.querySelectorAll('.editor'));
editors.forEach(function (div) {
div.addEventListener('click', function (e) {
if (!Jodit.instances[div.id]) {
Object.keys(Jodit.instances).forEach(function (id) {
Jodit.instances[id].destruct();
});
const editor = Jodit.make(div, {
preset: 'inline'
});
editor.s.insertCursorAtPoint(e.clientX, e.clientY);
}
});
});
</code></pre>
</div>
<div class="result">
<div class="editor" id="editor1">Some text</div>
<div class="editor" id="editor2">Some text</div>
<div class="editor" id="editor3">Some text</div>
<div class="editor" id="editor4">Some text</div>
<div class="editor" id="editor5">Some text</div>
<div class="editor" id="editor6">Some text</div>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="assets/app.js"></script>
<style>
.editor {
margin-bottom: 10px;
padding: 10px;
border: 1px dashed red;
}
.editor p {
margin: 0 0 10px 0;
}
.jodit-container,
.jodit-container .jodit-workplace {
min-height: auto;
}
</style>
<script>
var editors = [].slice.call(document.querySelectorAll('.editor'));
editors.forEach(function (div) {
div.addEventListener('click', function (e) {
if (!Jodit.instances[div.id]) {
Object.keys(Jodit.instances).forEach(function (id) {
Jodit.instances[id].destruct();
});
const editor = Jodit.make(div, {
preset: 'inline'
});
editor.s.insertCursorAtPoint(e.clientX, e.clientY);
}
});
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
</html>

122
node_modules/jodit/examples/theme.html generated vendored Normal file
View File

@@ -0,0 +1,122 @@
<!doctype html>
<!--
* Jodit Editor (https://xdsoft.net/jodit/)
* License GNU General Public License version 2 or later;
* Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jodit Dark theme</title>
<link rel="icon" type="image/png" href="assets/icon.png" />
</head>
<body>
<header>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li>
<a href="#examples">Examples</a>
<ul id="examples">
<!-- see app.js-->
</ul>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</header>
<div id="main_container" class="container">
<div id="introduction">
<h3>HTML</h3>
<pre><code class="language-markup">
&lt;textarea id="editor">&lt;/textarea>
</code></pre>
<h3>JavaScript</h3>
<pre><code class="language-javascript">
const editor = Jodit.make('#editor', {
theme: 'dark'
});
editor.value = '&lt;p>start&lt;/p>'
</code></pre>
</div>
<div class="result">
<textarea id="area_editor"></textarea>
</div>
</div>
<footer>
<nav>
<ul class="container">
<li>
<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
</li>
<li>
<a href="https://xdsoft.net/jodit/play.html"
>Playground</a
>
</li>
<li>
<a href="https://xdsoft.net/jodit/docs/"
>Documentation</a
>
</li>
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
<li>
<a
href="https://github.com/xdan/jodit/blob/main/CHANGELOG.md"
>Changelog</a
>
</li>
<li style="float: right">
<a href="https://github.com/xdan/jodit/releases/latest"
>Download</a
>
</li>
</ul>
</nav>
</footer>
</body>
<link rel="stylesheet" href="./es2015/jodit.min.css" />
<link rel="stylesheet" href="assets/app.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
rel="stylesheet"
/>
<script src="./es2015/jodit.min.js"></script>
<script src="assets/app.js"></script>
<script>
const editor = Jodit.make('#area_editor', {
theme: 'dark'
});
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/themes/prism.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js"></script>
</html>