![\"ausgangstabelle\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/09\/ausgangstabelle.jpg\")
ausgangstabelle<\/p><\/div>\n
Sie enth\u00e4lt nur die rudiment\u00e4ren Daten meiner Rezepte aus dem Inselfisch-Kochbuch, und zwar die ID, den post_content und den post_title.<\/p>\n
![\"tabelle_rezepte\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/09\/tabelle_rezepte.jpg\")
tabelle_rezepte<\/p><\/div>\n
Wir \u00e4ndern nur den post_content, Titel und ID bleiben unangetastet.<\/p>\n
Zuerst bastle ich mir nat\u00fcrlich die Datenbankconnection:<\/p>\n
<?php\r\n\/\/file:connection.php\r\nerror_reporting(0);\r\n$servername = \"localhost\";\r\n$username = \"root\";\r\n$password = \"\";\r\n$dbname = \"conversion\";\r\n\r\n\u00a0\r\n\/\/ Create connection\r\n$conn = new mysqli($servername, $username, $password, $dbname);\r\n\/\/ Check connection\r\nif ($conn->connect_error) {\r\n\u00a0\u00a0\u00a0 die(\"Connection failed: \" . $conn->connect_error);\r\n} else {echo \"Datenbank Connection OK<br>\";}\r\n?><\/pre>\nDie wird per require reingeholt, und dann kanns losgehen. Ich habe hier den Algorithmus aus der nummerischen Pagination zweckentfremdet und lasse mir pro Seite genau einen Datensatz anzeigen.<\/p>\n
<?php\r\n\/\/file:seitenweise.php\r\nheader('Content-Type: text\/html; charset=utf-8');\r\nrequire 'connection.php';\r\n\r\n\r\n$sql = \"SELECT * FROM rezepte\";\r\n$rs_result = $conn->query($sql);\r\n$row_total = $rs_result->num_rows;\r\n$gesamte_anzahl = $row_total;\r\n\r\necho \"Datens\u00e4tze gesamt: \".$row_total.\"<br>\";\r\n\r\n\/* 1 Datensatz pro Seite festlegen*\/\r\n$ergebnisse_pro_seite = 1;\r\n$gesamt_seiten = ceil($gesamte_anzahl\/$ergebnisse_pro_seite);\r\n\r\nif (empty($_GET['seite_nr'])) {\r\n\u00a0\u00a0\u00a0 $seite = 1;\r\n} else {\r\n\u00a0\u00a0\u00a0 $seite = $_GET['seite_nr'];\r\n\u00a0\u00a0\u00a0 if ($seite > $gesamt_seiten) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $seite = 1;\r\n\u00a0\u00a0\u00a0 }\r\n}\r\n\r\n$limit = ($seite*$ergebnisse_pro_seite)-$ergebnisse_pro_seite;\r\nif($limit<0){$limit =0;}<\/pre>\nZuerst z\u00e4hle ich die Datens\u00e4tze, dann lege ich fest, dass pro Seite genau ein Datensatz angezeigt werden soll. Defaultm\u00e4ssig landet der Editor bei Seite 1. Dann berechne ich mir das Limit, also beim wievielten Datensatz die Ausgabe beginnen soll. Das verwenden wir gleich mal f\u00fcr die Navigationsbuttons „Voriger Datensatz“ und „N\u00e4chster Datensatz“:<\/p>\n
\/\/Debug-Ausgaben und Nav-Buttons\r\necho \"Datensatz = \".($limit+1).\" von \".$row_total.\"<br>\";\r\necho \"Datens\u00e4tze pro Seite = \".$ergebnisse_pro_seite.\"<br>\";\r\nif($limit>0){echo '<a href=\"seitenweise.php?seite_nr='.($limit-1)<\/span>.'\" style=\"font-weight: bold;\"><button type=\"button\">Voriger Datensatz<\/button><\/a>';}\r\necho '<a href=\"seitenweise.php?seite_nr='.($limit+2)<\/span>.'\" style=\"font-weight: bold;\"><button type=\"button\">N\u00e4chster Datensatz<\/button><\/a><br>';<\/pre>\nDann hole ich mir auch schon den Datensatz mit der aktuellen Seitennummer:<\/p>\n
\/\/Selektiere Datensatz mit der aktuellen Seitennummer\r\n$sql = ('SELECT * FROM rezepte LIMIT '.$limit.', '.$ergebnisse_pro_seite);\r\n$result = $conn->query($sql);<\/pre>\nDa meine Variable $ergebnisse_pro_seite den Wert 1 hat, wird ein Datensatz pro Seite ausgegeben. Den zeige ich mir in einer while-Schleife in einer zweispaltigen Tabelle an. Die Tabelle enth\u00e4lt eine textarea, in die kommt der HTML-Code. In der zweiten Spalte wird die Vorschau ausgegeben. Zuerst schubse ich mal die ID des aktuellen Datensatzes in eine Variable, die brauchen wir sp\u00e4ter f\u00fcr den Update.<\/p>\n
Dann frage ich ab, ob der „\u00c4nderungen speichern“-Button gedr\u00fcckt wurde. Wenn ja, zeige ich den ge\u00e4nderten Inhalt des Editorfensters in der Tabelle an, wenn nein einfach den Originalcontent so wie er aus der Abfrage kommt.<\/p>\n
\/\/Ausgabe in Tabelle mit Formular\r\n\u00a0while($row = $result->fetch_assoc()) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$akt_id = $row[\"ID\"];<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"Aktuelle Datensatzid: \".$akt_id.\"<br>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<form action ='#' method = 'post'>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<input type = 'submit' name = 'absenden' value = '\u00c4nderungen speichern'>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<table border='1' cellpadding='4'>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<th>\".utf8_encode($row['post_title']).\" HTML<\/th><th>Vorschau<\/th><\/tr>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/Wenn Speichern gedr\u00fcckt wurde, editierten Content aus der Textarea ausgeben \r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if(isset($_POST['absenden'])){$inhalt = $_POST['content'];}<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0else {$inhalt = utf8_encode($row['post_content']);}<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<tr>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/HTML Source in Textarea ausgeben<\/span>\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<td valign='top'><textarea<\/span> rows='50' cols='80' name='content' id='content'>\".$inhalt<\/span>.\"<\/textarea>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<\/td>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/HTML Vorschau ausgeben<\/span>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 echo \"<td valign='top'>\".$inhalt<\/span>.\"<\/td>\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 echo \"<\/tr>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<\/table>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<\/form>\";<\/pre>\nJetzt fehlt nur noch der Update, der wird beim Klicken des „\u00c4nderungen speichern“-Buttons ausgel\u00f6st:<\/p>\n
if (isset($_POST['absenden'])<\/span>){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/***********Action\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$sql = \"UPDATE rezepte SET post_content =<\/span>\r\n'\".utf8_decode(addslashes($_POST['content'])).\"' WHERE ID=\".$akt_id.\"<\/span>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\/\/*************End Action\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 if (mysqli_query($conn, $sql)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 echo \"Record updated successfully\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 echo \"<script type=\\\"text\/javascript\\\">alert('\u00c4nderungen erfolgreich gespeichert');<\/script>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0else {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 echo \"Error updating record: \" . mysqli_error($conn);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 echo \"<script type=\\\"text\/javascript\\\">alert('Fehler beim Speichern');<\/script>\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0} \/\/Ende von isset absenden\r\n\u00a0} \/\/Ende von while row = result<\/pre>\nIm Update \u00fcberschreibe ich den Inhalt von post_content mit dem Inhalt des Editorfensters, die steckt ja in der Variablen:<\/p>\n
$_POST['content']<\/span><\/pre>\nund zwar im Datensatz mit der aktuellen ID. Wegen der deutschen Umlaute muss ich hier mit utf8- encode und -decode arbeiten, das mu\u00df man bei einer anderen Datenbankkollation evtl anpassen. Ausserdem brauche ich noch einen addslashes(), weil meine Texte Anf\u00fchrungszeichen enthalten k\u00f6nnen. Dann mache ich noch eine kleine Fehlerbehandlung und gebe einen Javascript-Alert aus, ob der Update funktioniert hat oder nicht. Das wars auch schon – jetzt fehlt nur noch die nummerische Pagination zum anklicken des i-ten Datensatzes:<\/p>\n
\u00a0\/\/Nav Links alle Seiten\r\n\u00a0for ($i=1; $i<=$row_total; $i++) { \r\n\u00a0\u00a0\u00a0 echo \"<a href='seitenweise.php?seite_nr=\".$i.\"'>\".$i.\"<\/a> \"; \r\n};<\/pre>\nBittesch\u00f6n, fertig ist der Q&D-Editor!<\/p>\n
![\"vanillekipferl_im_editor\"](\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-content\/uploads\/2018\/09\/vanillekipferl_im_editor.jpg\")
vanillekipferl_im_editor<\/p><\/div>\n
Tipp, auch quick&dirty:<\/h2>\n
Man kann ganz schnell eine (primitive) Filterfunktion basteln, wenn man die beiden SQL-Strings um eine „LIKE“-Klausel erg\u00e4nzt:<\/p>\n
$sql = \"SELECT * FROM rezepte WHERE post_content LIKE '%\".$filter.\"%'\";\r\n...\r\n\/\/Selektiere Datensatz mit der aktuellen Seitennummer\r\n$sql = ('SELECT * FROM rezepte WHERE post_content LIKE \"%'.$filter.'%\" LIMIT '.$limit.', '.$ergebnisse_pro_seite.'');<\/pre>\nDie Variable $filter setzt man am Anfang des Skripts auf den gew\u00fcnschten Wert, zum Beispiel auf „caption“ oder „<ul>“ oder was auch immer. Dabei muss man aber ber\u00fccksichtigen, was die aktuelle Datenbankkollation als Suchkriterien akzeptiert, bei Umlauten und Sonderzeichen kommt man da sonst zu unerwarteten Ergebnissen. Aber so als kurze Arbeitshilfe ist das schon mal ganz n\u00fctzlich.<\/p>\n","protected":false},"excerpt":{"rendered":"
Der Editor kommt mit erstaunlich wenig Code aus, das sind gerade mal knapp 90 Zeilen. Ich gehe das hier mal der Reihe nach durch. Meine Ausgangstabelle hei\u00dft rezepte und sieht so aus: Sie enth\u00e4lt nur die rudiment\u00e4ren Daten meiner Rezepte aus dem Inselfisch-Kochbuch, und zwar die ID, den post_content und den post_title. Wir \u00e4ndern nur […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,20,21,11,7,4,63,59],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1431"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1431"}],"version-history":[{"count":10,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1431\/revisions"}],"predecessor-version":[{"id":1459,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1431\/revisions\/1459"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}