Amebis/BesService
2
2
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Add a classic CKEditor editing area html

Browse Source
This commit is contained in:
Aljaž Grilc 2024-03-11 08:06:30 +01:00
parent dee4577db1
commit 9bc5705aab
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
ckeditor.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>CKEditor 5 – Classic editor</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://cdn.ckeditor.com/ckeditor5/41.1.0/classic/ckeditor.js"></script>
<script src="online-editor.js"></script>
</head>
<body>
<div id="editor">
<p>Na mizo nisem položil knjigo.</p>
</div>
<bes-popup-el></bes-popup-el>
<script>
ClassicEditor.create(document.querySelector('#editor')).catch(error => {
console.error(error)
})
</script>
</body>
<style>
.bes-online-editor {
width: 80%;
height: 300px;
margin: 0 auto;
padding: 20px;
border-radius: 10px;
background-color: #f5f5f5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
line-height: 1.6;
white-space: pre-wrap;
overflow-y: auto;
font-family: Arial, Helvetica, sans-serif;
z-index: 2;
}
</style>
</html>