Skip to main content

Summernote Text Editor

 <!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

Popular posts from this blog

Node JS Express

 Node Js Express npm & Installation npm init npm i express Require // organization of a project const express = require ( "express" ); const compression = require ( "compression" ); const cookieParser = require ( "cookie-parser" ); const csrf = requrie ( "csurf" ); const morgan = require ( "morgan" ); const multer = require ( "multer" ); Initilasation Express const  app = express(); EJS COde app.use( "/static" , path.join(__dirname,  "static" )); app.set( "view engine" ,  "ejs" ); app.set( "views" , path.join(__dirname,  "/views" )); BOdy Post  app.use(express .urlencoded({ extended : true })); Routes  //routers for nav bar ......... app.get( "/" ,(req,res) => {     res.send( "you are at now Home" ) }) app.get( "/about" ,(req,res) => {     res.send( "About Us" ) }) app.get( "/Contect"
Post a Comment
Read more

JavaScript Hash function

 java Script hash  code for genrating sam number as  function hashCode ( string ) { let hash = 0 ; if (string. length == 0 ) { return hash; } for ( let i = 0 ; i < string. length ; i++) { let char = string. charCodeAt (i); hash = ((hash<< 5 )-hash)+char; hash = hash & hash; } return hash; } let input = document . querySelector ( "#input" ) let output = document . querySelector ( "#output" ) input. addEventListener ( "keyup" , () => { output. value = hashCode (input. value ) }) html < p > Enter text here </ p > < input type = "text" id = "input" > < p > 'Random' number outputted here </ p > < input type = "text" disabled = "disabled" value = "" id = "output" >
Post a Comment
Read more