Initial commit
This commit is contained in:
commit
93d3dbfd8f
16
index.html
Normal file
16
index.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Editor</title>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script src="online-editor.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<textarea id="besana-editor">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo eaque magnam, alias sed consequatur officia ullam aspernatur laborum nostrum autem rerum? Eveniet quam placeat, minus magni nihil temporibus asperiores ipsa!
|
||||
Nov odstavek lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam harum quis suscipit, culpa eius voluptatibus eaque, perferendis pariatur illo, est quos sit incidunt quia possimus delectus ea aperiam eum sint?</textarea
|
||||
>
|
||||
</body>
|
||||
</html>
|
5
online-editor.js
Normal file
5
online-editor.js
Normal file
@ -0,0 +1,5 @@
|
||||
window.onload = () => {
|
||||
const textArea = document.getElementById('besana-editor')
|
||||
const textAreaValue = textArea.value
|
||||
console.log(textAreaValue)
|
||||
}
|
15
styles.css
Normal file
15
styles.css
Normal file
@ -0,0 +1,15 @@
|
||||
#besana-editor {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Mistake types styles */
|
||||
.typo-mistake {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: red;
|
||||
}
|
||||
|
||||
.other-mistake {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: blue;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user