askQ.php

<?php 
require_once $_SERVER['DOCUMENT_ROOT']."/account/model/user.php";
require_once $_SERVER['DOCUMENT_ROOT']."/filter/login-filter.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QnA Platform</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/formatText.css">
</head>
<body>

    <?php require $_SERVER['DOCUMENT_ROOT']."/includes/header.php"; ?> 
        <div class="main-content">
            <h2>Ask Your Question</h2>

            <div class="format-box">
                
                <label for="question-title">Title</label>
                <input type="text" id="question-title" name="question-title" required>
                
                <label for="text-box">Question Details</label>
               <!-- common text-box for markdown formatting -->
                <div class="text-box">
                    <div class="format-btn">
                        <button onclick="formatText('bold')">Bold</button>
                        <button onclick="formatText('italic')">Italic</button>
                        <button onclick="formatText('quote')">Quote</button>
                        <button onclick="formatText('list')">List</button>
                        <button onclick="formatText('line-break')">Line Break</button>
                        <button onclick="formatText('space')">Space</button>
                        <button onclick="formatText('snippet')">Code</button>
                        <button onclick="formatText('code')">Code(Multi-Line)</button>
                    </div>
                   
                    <textarea class="text-box" id="text-box" name="text-box" required></textarea>
                    
                </div>

                
                <button onclick="convertToHTML()" id="preview-btn">Preview</button>
                
                <div id="preview-box">
                
                </div>
    
                <form action="/postQuestion.php" method="POST">
                    <input type="text" name="title" id="title" required hidden>
                    <textarea class="text-box" id="details" name="details" required hidden></textarea>
                    <button type="submit" id="submit-btn" style="display: none;">Submit</button>
                </form>
    
            </div>
            
        </div>

        <div class="right-sidebar">
            (right-sidebar)
            <h3>Markdown writing tips: </h3>
        </div>


        <?php require $_SERVER['DOCUMENT_ROOT']."/includes/footer.php"; ?> 
        
        <script src="assets/js/formatText.js"></script>

</body>
</html>