<h2>Add New Post</h2>
<form method="post" action="">
    <p>
        <label>Title:</label><br>
        <input type="text" name="title" required>
    </p>
    <p>
        <label>Content:</label><br>
        <textarea name="content" id="postContent" rows="10" cols="50"></textarea>
        <p> 
            <button type="button" onclick="addTag('img')">img</button>&nbsp;
            <button type="button" onclick="addTag('list')">list</button>&nbsp;
            <button onclick="wrapSelectedTextWithTag('b')">b</button>&nbsp;
            <button onclick="wrapSelectedTextWithTag('i')">i</button>&nbsp;
            <button type="button" onclick="addTag('read_more')">read more</button> 
    </p>
    </p>
    <p>
        <label>Publishing date:</label><br>
        <input type="datetime-local" name="created_at">
    </p>
    <p>
        <label>Tags (separate with commas):</label><br>
        <input type="text" name="tags">
    </p>
    <p>
        <button type="submit">Publish</button>
    </p>
</form>

<script src="js/main.js?v=2"></script>