News
Testnews mit Bild und Editor
Laro5444
Testnews hoch 10 <!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>News erstellen - Eldarwood Admin</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Global und Admin CSS -→
<link rel="stylesheet" href="/css/eldarwood.css">
<link rel="stylesheet" href="/css/admin.css">
<!-- Font Awesome -→
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- CKEditor 5 Classic Build -→
<script src="https://cdn.ckeditor.com/ckeditor5/39.0.2/classic/ckeditor.js"></script>
</head>
<body>
<%- include('../partials/admin-header') %>
<div class="admin-container">
<%- include('sidebar') %>
<main class="admin-main">
<h2>News Artikel erstellen</h2>
<% if (error) { %>
<p class="alert alert-error"><%= error %></p>
<% } %>
<!-- onsubmit ruft updateSourceElement() auf, um den CKEditor-Inhalt in das Textarea zu übertragen -→
<form action="/admin/news/new" method="POST" enctype="multipart/form-data" onsubmit="if(window.myEditor){ myEditor.updateSourceElement(); }">
<div class="form-group">
<label for="title">Titel:</label>
<input type="text" name="title" id="title" class="form-control" required>
</div>
<div class="form-group">
<label for="image">Bild (optional):</label>
<input type="file" name="image" id="image" class="form-control" accept="image/*">
</div>
<div class="form-group">
<label for="content">Inhalt:</label>
<textarea name="content" id="content" class="form-control" rows="10" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Artikel erstellen</button>
</form>
</main>
</div>
<%- include('../partials/admin-footer') %>
<script src="/js/admin.js"></script>
<script>
ClassicEditor
.create(document.querySelector('#content'))
.then(editor => {
// Speichere die Instanz global, damit du sie im onsubmit-Handler nutzen kannst
window.myEditor = editor;
})
.catch(error => {
console.error(error);
});
</script>
</body>
</html>