92 lines
1.9 KiB
HTML
92 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<title>
|
|
Godo - a ProseMirror editor for Publik
|
|
</title>
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/godo.css" media="all" />
|
|
|
|
<style>
|
|
body {
|
|
font-family: sans-serif;
|
|
}
|
|
.wrapper {
|
|
padding: 2em;
|
|
max-width: 60em;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="wrapper">
|
|
|
|
<header>
|
|
<h1>Godo <small>Prosemirror</small></h1>
|
|
</header>
|
|
|
|
<main role="main">
|
|
|
|
<h2>Basic Godo</h2>
|
|
<p>Juste p, strong & em</p>
|
|
<form>
|
|
<textarea class="textarea-for-godo">
|
|
<h1>TItre de mon commentaire</h1>
|
|
<ul class="fucking class">
|
|
<li>Item de liste 1</li>
|
|
<li>Item de liste 2</li>
|
|
</ul>
|
|
<h1>Titre <em><b>dans</b></em> l'éditeur</h1>
|
|
<p>
|
|
paragraphe dans l'éditeur. <br>
|
|
Ligne suivante. <a href="http://sacripant.fr" class="pk-button">My website</a>
|
|
</p>
|
|
|
|
<h3 class="intertitre">Intertitre</h3>
|
|
</textarea>
|
|
<button type="submit">send</button>
|
|
</form>
|
|
|
|
<h2>Headers</h2>
|
|
<p>p, h1 -> h3, strong, em</p>
|
|
<form action="">
|
|
<textarea class="textarea-for-godo-2">
|
|
<h1>titre</h1>
|
|
<h2>Sous-titre</h2>
|
|
<p>Paragraphe.
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est quam ex ut delectus dolorem? Pariatur, commodi, tenetur? Perferendis at soluta nulla sint veniam ea, commodi exercitationem adipisci nam. Quaerat, reiciendis.</p>
|
|
<h2>Sous-titre</h2>
|
|
</textarea>
|
|
|
|
<button type="submit">send</button>
|
|
</form>
|
|
</main>
|
|
</div><!-- #wrapper -->
|
|
|
|
|
|
<!-- Javascript -->
|
|
<script type="module">
|
|
import Godo from "./js/godo.js";
|
|
|
|
const test = new Godo(document.querySelector('.textarea-for-godo'), {
|
|
schema: "basic"
|
|
});
|
|
const test2 = new Godo(document.querySelector('.textarea-for-godo-2'), {
|
|
schema: "headers"
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|