1#@!#!123s

: / home3 / encodto1 / public_html / encoadminders /
Filename : add_blog.php
back
<?php
// Include database connection
include 'config.php';

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $title = $_POST['title'];
    $shortDesc = $_POST['short_desc']; // Capture the short description
    $content = $_POST['content'];

    // Handle image upload
    $imageName = $_FILES['image']['name'];
    $imageTmpName = $_FILES['image']['tmp_name'];
    $uploadDir = 'uploads/';
    $imagePath = $uploadDir . basename($imageName);

    if (move_uploaded_file($imageTmpName, $imagePath)) {
        // Save blog to database
        $query = "INSERT INTO blogs (title, short_desc, content, image) VALUES (?, ?, ?, ?)";
        $stmt = $conn->prepare($query);
        $stmt->bind_param('ssss', $title, $shortDesc, $content, $imagePath);
        if ($stmt->execute()) {
            echo "<script>alert('Blog added successfully!');</script>";
        } else {
            echo "<script>alert('Error: Could not add blog');</script>";
        }
    } else {
        echo "<script>alert('Error uploading featured image');</script>";
    }
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Add Blog</title>
    <?php include('style.php') ?>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;

        }

        h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 1.8rem;
        }

        .form-group {
            margin-bottom: 15px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .form-control,
        .form-control-file {
            width: 100%;
            padding: 10px;
            font-size: 1rem;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .toolbar {
            background-color: #f1f1f1;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 5px;
        }

        #content {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 10px;
            min-height: 200px;
            font-size: 1rem;
            overflow-y: auto;
            background-color: #fff;
        }

        .btn {
            display: inline-block;
            padding: 10px 15px;
            font-size: 1rem;
            text-align: center;
            text-decoration: none;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .btn-primary {
            background-color: #007bff;
        }

        .btn-primary:hover {
            background-color: #0056b3;
        }

        @media (max-width: 768px) {
            h2 {
                font-size: 1.5rem;
            }

            #content {
                font-size: 0.9rem;
            }

            .btn {
                font-size: 0.9rem;
            }
        }
    </style>
</head>

<body>
    <?php include('sidebar.php') ?>
    <div class="home-section">
        <div class="container">
            <h2>Add New Blog</h2>
            <form method="POST" enctype="multipart/form-data" onsubmit="copyContentToHiddenField()" style="margin-top: 20px;">
                <!-- Title Input -->
                <div class="form-group">
                    <label for="title">Blog Title</label>
                    <input type="text" name="title" id="title" class="form-control" placeholder="Enter blog title" required>
                </div>

                <!-- Content Editable Section -->
                <div class="toolbar">
                    <div class="head">
                        <input type="text" placeholder="Filename" value="untitled" id="filename">
                        <select onchange="fileHandle(this.value); this.selectedIndex=0">
                            <option value="" selected="" hidden="" disabled="">File</option>
                            <option value="new">New file</option>
                            <option value="txt">Save as txt</option>
                            <option value="pdf">Save as pdf</option>
                        </select>
                        <select onchange="formatDoc('formatBlock', this.value); this.selectedIndex=0;">
                            <option value="" selected="" hidden="" disabled="">Format</option>
                            <option value="h1">Heading 1</option>
                            <option value="h2">Heading 2</option>
                            <option value="h3">Heading 3</option>
                            <option value="h4">Heading 4</option>
                            <option value="h5">Heading 5</option>
                            <option value="h6">Heading 6</option>
                            <option value="p">Paragraph</option>
                        </select>
                        <select onchange="formatDoc('fontSize', this.value); this.selectedIndex=0;">
                            <option value="" selected="" hidden="" disabled="">Font size</option>
                            <option value="1">Extra small</option>
                            <option value="2">Small</option>
                            <option value="3">Regular</option>
                            <option value="4">Medium</option>
                            <option value="5">Large</option>
                            <option value="6">Extra Large</option>
                            <option value="7">Big</option>
                        </select>
                        <div class="color">
                            <span>Color</span>
                            <input type="color" oninput="formatDoc('foreColor', this.value); this.value='#000000';">
                        </div>
                        <div class="color">
                            <span>Background</span>
                            <input type="color" oninput="formatDoc('hiliteColor', this.value); this.value='#000000';">
                        </div>
                    </div>
                    <div class="btn-toolbar">
                        <button onclick="formatDoc('undo')"><i class='bx bx-undo'></i></button>
                        <button onclick="formatDoc('redo')"><i class='bx bx-redo'></i></button>
                        <button onclick="formatDoc('bold')"><i class='bx bx-bold'></i></button>
                        <button onclick="formatDoc('underline')"><i class='bx bx-underline'></i></button>
                        <button onclick="formatDoc('italic')"><i class='bx bx-italic'></i></button>
                        <button onclick="formatDoc('strikeThrough')"><i class='bx bx-strikethrough'></i></button>
                        <button onclick="formatDoc('justifyLeft')"><i class='bx bx-align-left'></i></button>
                        <button onclick="formatDoc('justifyCenter')"><i class='bx bx-align-middle'></i></button>
                        <button onclick="formatDoc('justifyRight')"><i class='bx bx-align-right'></i></button>
                        <button onclick="formatDoc('justifyFull')"><i class='bx bx-align-justify'></i></button>
                        <button onclick="formatDoc('insertOrderedList')"><i class='bx bx-list-ol'></i></button>
                        <button onclick="formatDoc('insertUnorderedList')"><i class='bx bx-list-ul'></i></button>
                        <button onclick="addLink()"><i class='bx bx-link'></i></button>
                        <button onclick="formatDoc('unlink')"><i class='bx bx-unlink'></i></button>
                        <button id="show-code" data-active="false">&lt;/&gt;</button>
                    </div>
                </div>
                <div id="content" contenteditable="true" spellcheck="false" style="border: 1px solid #ccc; padding: 10px; min-height: 150px;">
                    Lorem, ipsum.
                </div>

                <!-- Short Description -->
                <div class="form-group">
                    <label for="short_desc">Short Description</label>
                    <textarea name="short_desc" id="short_desc" class="form-control" placeholder="Enter a brief description" rows="3" required></textarea>
                </div>

                <!-- Hidden input to store content -->
                <input type="hidden" name="content" id="hiddenContent">

                <!-- Image Upload -->
                <div class="form-group" style="margin-top: 20px;">
                    <label for="image">Featured Image</label>
                    <input type="file" name="image" id="image" class="form-control-file" required>
                </div>

                <!-- Submit Button -->
                <div class="form-group" style="margin-top: 20px;">
                    <button type="submit" class="btn btn-primary">Submit Blog</button>
                </div>
            </form>
        </div>
    </div>

    <?php include('footer.php') ?>

    <script>
        function copyContentToHiddenField() {
            const contentDiv = document.getElementById('content');
            const hiddenContent = document.getElementById('hiddenContent');
            hiddenContent.value = contentDiv.innerHTML; // Copy the inner HTML to the hidden input
        }

        // Your existing JS functions (formatDoc, addLink, etc.) here
        function formatDoc(cmd, value = null) {
            if (value) {
                document.execCommand(cmd, false, value);
            } else {
                document.execCommand(cmd);
            }
        }

        function addLink() {
            const url = prompt('Insert url');
            formatDoc('createLink', url);
        }

        // ... (remaining JavaScript code from your initial request)
    </script>
</body>

</html>