CSS-Datei online bearbeiten

tron · 6. Oktober 2007, 18:54

Hi Leute,

ich will für ein Projekt die CSS-Datei online bearbeiten können. Der Code, den ich habe, löscht mir aber die Datei nach dem bearbeiten. ich komm im Moment da irgendwie nicht mehr weiter.

edit.php

Quellcode

<?php
/*
Darauf achten, dass die Datei Schreibrechte besitzt.
*/
$datei = './default.css';
/*
Neuer Inhalt speichern
*/
if (isset($_POST['speichern'])) {
$fp = fopen($datei, 'w');
/*
Doppelte Zeilenumbrüche entfernen
*/
$css_neu = str_replace("\n", "", $_POST['css_neu']); // -> Evtl. Obacht: Win/Lin/... \n \r\n ...
$css_neu = stripslashes($css_neu); // Anpassen
#$css_neu = strip_tags($css_neu); // Anpassen
fputs($fp, $css_neu, strlen($css_neu));
fclose($fp);
}
/*
Datei in Array einlesen
*/
$css = file($datei);
/*
FORMULAR
*/
echo '<form action="'.$_SERVER['PHP_SELF'].'" method="post">';
echo '<textarea name="textarea" style="width:98%; font-family : Verdana, Arial; color : #000000; font-size:11px;" rows="20" wrap="physical" name="css_neu">';
echo implode('',$css);
echo '</textarea>';
echo '<br>';
echo '<input type="submit" name="speichern" value="Datei jetzt speichern"> <input type="reset" name="reset" value="Änderungen verwerfen">';
echo '</form>';
?>

Alles anzeigen

Woran könnte das liegen?

Torben Brodt · 6. Oktober 2007, 19:04

Also von Löschen steht da nix, aber mir ist gerade aufgefallen, dass du beim textarea zwei Namen für ein Element vergeben hast, dadurch wird vermutlich eine leere Datei erstellt.

HTML Fehler findest du übrigens mit dem Validator: validator.w3.org

tron · 6. Oktober 2007, 19:51

Yepp, das war der Fehler :wacko: Jetzt muss ich nur noch eine Funktion einbauen, um ein Verzeichnis auszulesen und eine zu bearbeitende Datei an das Script zu übergeben. Allerdings muss ich da erst noch suchen, wie ich das am besten mache. Für Tipps bin ich immer offen

Ich habe also im Verzeichnis "css" 2 Dateien, eine "default.css" und eine "default1.css". Praktisch wäre es demnach, sie mittels eines Drop-Down-Menüs oder eines weiteren Textareas in das Haupt-Textarea zu übergeben zum weiteren bearbeiten

Salve tron

I R O N B L 4 D E · 7. Oktober 2007, 11:56

Quellcode

$ordner="blub/";
$files = array();
$dir = dir($ordner);
while($file = $dir->read()){
if(preg_match("/^.{1,2}/", $file) || !preg_match(".css",$file)){continue;}
array_push($files,$file);
}
closedir($dir);

gibt dir alle .css dateien im ordner blub aus... pass die ausgabe so an das es in ner select-box ist und du hast deine auswahl

tron · 8. Oktober 2007, 15:10

Ja danke für den Tipp. Bin noch etwas Beginner. Der Code oben hat mir nen Fehler produziert.

Ich hab das jetzt so gemacht, aber da macht er mir mehrere Selectboxen nebeneinander her

Quellcode

<?php
$folder = opendir( "./css/" );
while ( ( $entry = readdir( $folder ) ) !== FALSE )
{
if ( $entry != "." && $entry != ".." )
{
if (substr($entry,-4,4)=='.css')
{
$filename = basename( $entry, '.css' );
echo '<select>';
echo '<option>'.$filename .'</option>';
echo '</select>';
}
}
}
?>

Alles anzeigen

Wie bekomme ich nun die Einträge in eine einzige Selectbox?

tron

mad · 8. Oktober 2007, 15:31

Hi,

hol einfach das echo "<select>"; und den dazugehörigen End-Tag aus der Schleife raus. Dann passiert folgendes: er öffnet eine Select-Box (vor der Schleife) , schreibt die Einträge rein (in der Schleife) und schließt die Select-Box (hinter der Schleife).

cya

tron · 8. Oktober 2007, 15:51

Hi mad,

danke für den Tipp :thumbup:

Wieder was dazugelernt

Hier jetzt der Code, der funktioniert. Vielleicht braucht ja jemand mal sowas als Codeschnipsel.

Quellcode

<?php
$folder = opendir( "./css/" );
echo '<select>';
while ( ( $entry = readdir( $folder ) ) !== FALSE )
{
if ( $entry != "." && $entry != ".." )
{
if (substr($entry,-4,4)=='.css')
{
$filename = basename( $entry, '.css' );
echo '<option>'.$filename .'.css</option>';
}
}
}
echo '</select>';
?>

Alles anzeigen

So und jetzt kann ich mich daran machen, die Einträge aus der Selectbox per Formular in das Textarea-Feld zu übergeben um dieses dann online bearbeiten zu können. Ich komme meinem Ziel Schritt für Schritt näher.

tron

tron · 8. Oktober 2007, 17:52

Hm, also irgendwas wird da noch nicht richtig übergeben:

Quellcode

<?php
echo '<form action="" method="POST">';
// Zuerst den Ordner auswählen
$folder = opendir( "./css/" );
// Dann das ganze in eine Select-Box packen
echo 'Template auswählen: <select name="style">';
while ( ( $entry = readdir( $folder ) ) !== FALSE )
{
if ( $entry != "." && $entry != ".." )
{
// Und hier nur Dateien mit einer bestimmten Endung auswählen
if (substr($entry,-4,4)=='.css')
{
$filename = basename( $entry, '.css' );
echo '<option>'.$filename.'.css</option>';
}
}
}
echo '</select>';
echo '<input type="submit" name="style" value="Bearbeiten"></input>';
echo '</form>';
$inhalt = $_POST["style"];
$edit = $inhalt;
...
// Der Rest vom Script mit dem Textarea
?>

Alles anzeigen

Hat jemand ne Ahnung, warum er mir die Daten nicht in das Textarea lädt???

tron

venum-lk · 8. Oktober 2007, 21:52

Ich bin ja jetzt nicht gerade so gut wie die meisten andren hier, aber ich nehme an, du willst die Daten aus deinem Formular an eine weitere Datei schicken, die diese dann verarbeitet, also in deinem Fall den Inhalt der selektierten CSS-Datei zum bearbeiten anzeigt, oder?

In dem Fall würd ich diese bei action="" eintragen

also zB
<form action="?show=csseditor&mode=edit" method="POST">

Wenn s die gleiche Datei is, dann nimm am besten $_SERVER['PHP_SELF']

Korrigiert mich bitte, wenn ich was Falsches schreib!

mad · 8. Oktober 2007, 21:58

Naja, wenn nichts eingetragen ist, wird es an die gleiche Datei gesendet.
Zeig uns doch mal den Rest vom Code, weil so sehen wir nicht, was du da falsch machst. Also bitte den kompletten Code posten.
Sicherlich liegt es daran, dass du den Inhalt nicht wirklich übergibst.

btw.: was soll das hier:

Quellcode

$inhalt = $_POST["style"];
$edit = $inhalt;

das kannst du doch gleich so machen:

Quellcode

$edit = $_POST["style"];

oder soll edit ne kopie von inhalt sein?

tron · 8. Oktober 2007, 23:03

Hi mad,

ok, hier ist der ganze Code:

Quellcode

<?php
echo '<form action="'.$_SERVER['PHP_SELF'].'" method="POST">';
$folder = opendir( "./css/" );
echo 'Template auswählen: <select name="style" id="template">';
while ( ( $entry = readdir( $folder ) ) !== FALSE )
{
if ( $entry != "." && $entry != ".." )
{
if (substr($entry,-4,4)=='.css')
{
$filename = basename( $entry, '.css' );
echo '<option value="template">'.$filename.'.css</option>';
}
}
}
echo '</select>';
echo '<input type="submit" name="submit" value="Auswählen"></input>';
echo '</form>';
$datei = $_POST["style"];
if (isset($_POST['speichern'])) {
$fp = fopen($datei, 'w');
$css_neu = str_replace("\n", "", $_POST['css_neu']); // -> Evtl. Obacht: Win/Lin/... \n \r\n ...
$css_neu = stripslashes($css_neu); // Anpassen
#$css_neu = strip_tags($css_neu); // Anpassen
fputs($fp, $css_neu, strlen($css_neu));
fclose($fp);
}
$css = file($datei);
echo '<form action="'.$_SERVER['PHP_SELF'].'" method="post">';
echo '<textarea style="width:98%; font-family : Verdana, Arial; color : #000000; font-size:11px;" rows="20" wrap="physical" name="css_neu">';
echo implode('',$css);
echo '</textarea>';
echo '<br>';
echo '<input type="submit" name="speichern" value="Datei jetzt speichern"> <input type="reset" name="reset" value="Änderungen verwerfen">';
echo '</form>';
?>

Alles anzeigen

Ich komme da irgendwie nicht wirklich weiter.

tron

mad · 9. Oktober 2007, 09:36

Hmm, an sich ist da nicht wirklich ein Fehler zu sehen. Zumindest kein methodischer. Einzig und allein kann ich mir vorstellen, dass es an implode() liegt.
Hast du dir mal ausgeben lassen, was da drin ist? mit prinr_r z.B. ?

Weiterhin kannst du mal den geparsten Code, also den, den du im Browser anschauen kannst, posten? manchmal (meist) findet man dort auch Hinweise...

cya

tron · 9. Oktober 2007, 12:20

Hi mad,

ich habe den implode-befehl mal rausgenommen und nur:
echo $css;
gemacht. Es kommt die folgende Fehlermeldung:

Warning: file(template) [function.file]: failed to open stream: No such file or directory in C:\apache\xampp\htdocs\a\editieren.php on line 29

Und Line 29 ist:

$css = file($datei);

Anscheinend kann er die css-Datei doch nicht richtig übergeben?

Hier ist der geparste code:

Quellcode

<form action="/a/editieren.php" method="POST">
Template auswählen: <select name="style" id="style">
<option value="template">black</option>
<option value="template">default</option>
<option value="template">mfh12</option>
<option value="template">news</option>
</select>
<input type="submit" name="submit" value="Auswählen"></input>
</form>
<br />
<b>Warning</b>: file(template) [<a href='function.file'>function.file</a>]:
failed to open stream: No such file or directory in <b>C:\apache\xampp\htdocs\a\editieren.php</b> on line <b>29</b>
<br />
<form action="/a/xfh13/editieren.php" method="post">
<textarea style="width:98%; font-family : Verdana, Arial; color : #000000; font-size:11px;" rows="20" wrap="physical" name="css_neu">
</textarea>
<br />
<input type="submit" name="speichern" value="Datei jetzt speichern"> <input type="reset" name="reset" value="Änderungen verwerfen">
</form>

Alles anzeigen

tron

mad · 9. Oktober 2007, 18:37

OK, der Fehler ist folgender:
Du versuchst mit file() eine Datei einzulesen. Jede deiner Select-Optionen hat aber den Wert "Template", der auch übergeben wird. Nun versucht file() also "Template" einzulesen. Da es diese Datei aber nicht gibt, kann er sie nicht einlesen. Daher diese Fehlermeldung.

Du musst also deine Select-Optionen überarbeiten. Das heißt du musst da die richtigen Werte eintragen. Oder werden die auch generiert?

cya

BAZZDREAM · 13. Oktober 2007, 13:47

Ganz meine Meinung @ mad

Die Fehlermeldung besagt ja, dass in Zeile 29 der Fehler auftaucht.. Da lässt er sich ja mit "$css = file($datei);" die Variable aus den POST-Daten des Selectfeldes generieren.
Da aber wie schon gesagt, immer als Value "template" dort steht, findet er keine Datei, die so heißt.
Ich würde auch das Selectfeld nochmal durchgehen und in Zeile 12 das

Quellcode

echo <'option value="template">'.$filename.'.css</option>';

mit diesem hier ersetzen

Quellcode

echo '<option value="'.$filename.'.css">'.$filename.'.css</option>';

Beatz & Greetz

CSS-Datei online bearbeiten

CSS-Datei online bearbeiten

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags