<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>compose Blog</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS only -->
<link rel="stylesheet" href="/dashCss/main.css">
<link rel="stylesheet" href="/dashCss/createBlog.css">
<!-- tailwindcss -->
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<!-- summarnote cdn -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
</head>
<body>
<nav>
<a style="text-decoration: none; color:#F8ECFD;" href="/my-dashboard"><h3>Dashboard</h3></a>
<div class="login">
<a href="/login">Login</a>
</div>
</nav>
<div class="container-9">
<h2>Create Page Here</h2>
<hr>
<form action="" method='post'>
<input type="text" name="title" id="" placeholder="Enter Title"/>
<input type="text" name="discription" id="dics" placeholder="Enter Description"/>
<input type="hidden" name="courseId" value="" >
<input type="hidden" name="userId" value="" >
<hr>
<button id='btn-post' type="submit">Post</button>
<textarea name='content' id="body" rows="10" ></textarea>
</form>
</div>
<!-- summernote js -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
<script>
$(document).ready(function() {
$('textarea#body').summernote({
height: '600px',
});
var value = $('#value').val()
$('textarea#body').summernote('pasteHTML', value);
$('textarea#body').summernote({
dialogsInBody: true
});
});
$('#summernote').summernote({
dialogsInBody: true
});
</script>
<script>
$(document).ready(function() {
var htmleditor = document.querySelector
var value = $('#hideinput').val()
console.log(value)
$('#htmleditor').val(value)
})
</script>
<%- include('footer'); -%>
Comments
Post a Comment