67 lines
2.0 KiB
HTML
67 lines
2.0 KiB
HTML
<!doctype html>
|
|
<!--
|
|
* Jodit Editor (https://xdsoft.net/jodit/)
|
|
* License https://xdsoft.net/jodit/license.html
|
|
* Copyright 2013-2018 Valeriy Chupurnov https://xdsoft.net
|
|
-->
|
|
<html lang="en">
|
|
<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 React Example</title>
|
|
</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/docs/">Documentation</a></li>
|
|
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
<li><a href="https://github.com/xdan/jodit/releases">Changelog</a></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>JavaScript</h3>
|
|
<pre>
|
|
import './app.css';
|
|
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
|
|
import JoditEditor from "../src/JoditEditor";
|
|
|
|
const container = document.getElementById('editor')!;
|
|
const root = createRoot(container);
|
|
root.render(
|
|
<StrictMode>
|
|
<Form />
|
|
</StrictMode>
|
|
);
|
|
</pre>
|
|
</div>
|
|
<div class="result">
|
|
<div id="editor"></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/docs/">Documentation</a></li>
|
|
<li><a href="https://github.com/xdan/jodit/">Github</a></li>
|
|
<li><a href="https://github.com/xdan/jodit/releases">Changelog</a></li>
|
|
<li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
|
|
</ul>
|
|
</nav>
|
|
</footer>
|
|
</body>
|
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
|
|
|
|
<script src="build/app.js"></script>
|
|
</html>
|