HTML-Seiten auf dem Server bearbeiten?

Folgende Problemstellung: Auf einem Server liegt eine HTML-Datei. Diese soll ein Anwenden ONLINE (also ohne "herunter-/heraufladen") direkt auf dem Server bearbeiten können - am besten mit einem WYSIWYG-Editor, der keine HTML-Kenntnisse erfordert.

Welche Apps/Anwendungen könnte ich dafür nutzen?

Ich habe freien Zugriff auf den Server. Es komt lighttpd mit PHP 7.3 (Raspberry PI) und 8.2 (intel-Plattform) zum Einsatz. MariaDB läuft als Datenbank im Hintergrund.

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Linux, Programmieren & Softwareentwicklung

05.12.2023, 19:53

Da offensichtlich ein WYSIWYG-Editor als Webapp umgesetzt gesucht war:

https://simditor.tower.im/

Ursprüngliche Antwort:

Wenn es wirklich um direktes Editieren geht, dann kannst du natürlich ein Network File Systems wie CIFS (Samba auf dem Server) oder NFS nutzen. Dadurch wird es jedem Editor egal, daß die Datei remote liegt.

Bei einem Linuxclient käme ggf. noch SSHfs via FUSe in Frage.(bzw. kann man auch ggf. sowas wie gvfs bei gnome nutzen, um über diverse Protokolle Remotedateien zu editieren.)

In allen anderen Fällen müßtest Du einen Editor nehmen, der entweder sFTP oder FTP(s) o.ä. unterstützt.

Traveller5712

Fragesteller

05.12.2023, 19:59

Die benutzer sollen gar keinen eigenen Ediotr benutzen. Sie müssen den Inhalt der Seiten vom Smartphone aus ändern können.

Prinzipiell würde dafür ein HTML Formular reichen. Dann müssen die Benutzer aber wieder HTML-Code selber können.

Also von der Logik her:

Für Anonymous-benutzer wird eine HTML-Seite angezeigt. Der Admin kann dann diese Seite online Editieren, aber eben WYSIWYG und nicht im HTML-Code.

KarlRanseierIII

05.12.2023, 20:06

@Traveller5712

Aha, also ein HTML-Editor als Webapp implementiert.

Denkst Du da an sowas wie Froala (das leider nciht frei ist)?

Traveller5712

Fragesteller

05.12.2023, 20:09

@KarlRanseierIII

So in der Art bloss ohne den ganzen Kram (Plugins, Frameworks etc) und natülich PD, OpenSource oder CC, da dieser für ein non-profit-Projekt gedacht ist.

KarlRanseierIII

05.12.2023, 20:14

@Traveller5712

https://jejacks0n.github.io/mercury/

Der basiert wohl auf Rails (Ruby)

https://simditor.tower.im/

sieht deutlich schmaler aus

Vielleicht kann Dir das als Startpunkt dienen.

Traveller5712

Fragesteller

05.12.2023, 20:18

@KarlRanseierIII

Der SIMDITOR ist es!!!! genau das brauche ich. Schaue ich mir im Detail an. Besten Dank. Wenn Du mir das als offizielle Antwort und nicht als Kommentar schreibst, kann ich das als hilfreichste Antwort auszeichnen.

"Hallo liebe Community! Ich grüße euch herzlich. Ich arbeite derzeit an meiner eigenen HTML-Website, die auf meinem privaten Server zu Hause gehostet ist. Nun möchte ich die Möglichkeit haben, diese Website von extern aus zu bearbeiten, ohne physisch auf meinen Server zugreifen zu müssen. Welche Schritte muss ich unternehmen, um eine sichere Fernzugriffsverbindung einzurichten, damit ich meine Website von überall aus bearbeiten kann? Ich bin dankbar für ausführliche Anleitungen und Tipps, wie ich dies realisieren kann. Wenn die snicht möglich ist würde auch ein zugriff von extern auf den servcer gehen wenn möglich erklären wie es gheht. möchte den server nicht bei einen provider hosten sondern bei mir. Vielen Dank im Voraus!"

...zur Frage

Jimdo HTML Code kopieren erlaubt?

Hi ich und mein Freund hatten Mal eine Website gemacht auf Jimdo. Jetzt würden wir diese gerne kopieren und auf einen eigenen Server laden evtl. Auch bearbeiten da ich ein bisschen HTML und CSS kann. Darf ich das (natürlich halt ohne Jimdo Werbung)?

Falls sich jemand Infos von der HTML Seiten holen muss: grundschulhilfe.jimdofree.com

...zur Frage

Per PHP Dateien aus dem Netz auf einem Webserver installieren?

Servus ... vielleicht hat hier jemand einen Rat:

Ich möchte auf einem laufenden Webserver Content installieren - und zwar über ein PHP-Script! Sprich: Man lädt ein Script herunter, ruft dies über den Webserver auf.

Dieses Script installiert dann (über Menüsteuerung) Dateien auf den Webserver. Aber ich stosse aktuell leider auf ein Problem beim Entpacketen (sind große Dateien und daher gezippt).

Wie kann ich das am "dümmsten" anstellen? Sprich: Wie kann ich vernünftige mittels PHP Dateien von einer Cloud laden und auf einem Webserver speichern und zum laufen bringen?

Raspberry PI, Raspberry OS Bookworm, lighttpd, php 8.2, MariaDB

...zur Frage

Lohnt es sich noch HTML zu lernen?

Hallo zusammen,

ich habe Kenntnisse mit Wordpress, FileZilla, SEO allgemein, etc. Ich dachte mir jetzt kann ich mir noch HTML beibringen, um im Thema Website erstellen/bearbeiten einfach besser zu sein. Ich habe auch schon angefangen, jedoch kommt mir jetzt die Frage, ob ich überhaupt noch weiterlernen soll, wenn Künstliche Intelligenzen das sowieso bald übernehmen. Was sagt ihr?

...zur Frage

Warum laden meine styles und bilder nicht?

Ich verfolge ein schulprojekt für html und css. Ich habe die ganze zeit mit der live server extension von vs code gearbeitet aber nun wenn ich die index.html öffnen will ohne den live server zu benutzen laden die bilder und styles nicht. Warum funktioniert es in diesem beispiel nicht?

...zur Frage

HTML Seite kostenlos veröffentlichen?

Hallo,

wenn ich mir eine Seite mit HTML programmiert habe, wie kann ich die dann kostenlos veröffentlichen? Muss ich dafür einen Server haben?

Danke und LG

...zur Frage

Stichpunkte mit Html bearbeiten?

Hii ich versuch gerade html zu lernen und will listen machen.

So sieht die Website gerade aus:

Ich möchte das der text von den verschiedenen Stichpunkten verschiedene farben hat also, dass Katze: Lila Hund:Pink Otter:blau. Außerdem möchte ich das die herzen for den Stichpunkten Pfoten sind.

Das ist mein Code:

Wie muss ich den abändern damit das funktioniert?

(Außerdem funktioniert meine Css Datei nicht wäre nett wenn mir da auch wer weiterhelfen könnte)

...zur Frage

Wo kann ich in WordPress die HTML Datei bearbeiten?

Hallo, Ich bin gerade am verzweifeln und hoffe, dass mir jemand von euch helfen kann. Ich benutze in wp das Theme "embr" und ändere momentan die Seite etwas mit Hilfe des Editors. In diesem kann ich allerdings nur die PHP und CSS Dateien bearbeiten. Ich benötige bei meinem Vorhaben aber auch dringend die HTML Datei, die ich nirgends finden kann. Ich finde auch im FTP-Server keine Index.html Datei oder ähnliches. Weiß jemand wo ich diese finde bzw bearbeiten kann? Danke im voraus!

...zur Frage

Arduino Daten an HTML-Seite?

Ich habe gerade ein Projekt, indem ich versuche Daten vom Arduino auf eine HTML-Seite zu übertragen. Dabei benutze ich node.js.

Jedoch bin ich noch relativ neu in dem Thema und kenne mich nicht so gut mit Servern und node aus.

Im Moment erhalte ich ständig die Fehlermeldung: Server is not a consructor (const io = new Server('COM3'))

Quelltext aus app.js:

var http = require("http");
var fs = require("fs");
var index = fs.readFileSync("index.html");


var SerialPort = require("serialport");
const parsers = SerialPort.parsers;


const parser = new parsers.Readline({
  delimiter: "\r\n",
});


var port = new SerialPort("COM3", {
  baudRate: 9600,
  dataBits: 8,
  parity: "none",
  stopBits: 1,
  flowControl: false,
});


port.pipe(parser);


var app = http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end(index);
});


const Server = require('socket.io');
const io = new Server('COM3');


io.on("connection", function (socket) {
  console.log("Node is listening to port");
});


parser.on("data", function (data) {
  console.log("Received data from port: " + data);
  io.emit("data", data);
});

app.listen(3000);

Quelltext aus index.html:

<!doctype html>
<html>
    <head>
        <title>Test</title>


        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>


    </head>
    <body>


        <h1> Communicating between an arduino and a html website</h1>


        <div id='sample'></div>


        <script>
            
            var socket = io();
            socket.on('data',function(data){
                console.log(data);
                document.getElementById('sample').innerHTML = data;
            });
            
        </script>
        
    </body>
</html>

...zur Frage

HTML schreiben und zeitgleich geschriebenes anzeigen lassen?

Ich hab ein video gesehen wo jemand was programmiert hat was dann zeitgleich auf der rechten hälfte seines bildschirms angezeigt wurde. (Kann mich nicht erinnern obs programmiert war oder html).

Geht das auch mit html? Oder muss ich etwas zu Ende schreiben und kann es dann erst sehen. Was kein sinn für mich macht weil das Ja alles nur optisch ist.

(Bin komplet neu in dem Thema)

Lg🥰

...zur Frage

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zur Frage

Website programmieren?

Moin moin,

Ich habe mich mal wieder ans programmieren gewagt und bin dabei meine eigene Website zu coden. HTML, JavaScript, CSS sind die Programmiersprachen. Ich frage mich jetzt nur, wie ich die Sprachen zusammenfügen kann zu einer Website. Von mir aus könnt ihr auch irgendeinen Hoster nennen. Hauptsache ich kann da selber coden und habe nicht irgendeinen Websitebaukasten. Der Preis ist egal.

Euch allen noch einen wunderschönen Abend :)

...zur Frage

Website dauerhaft mit Javascript bearbeiten?

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>
      <input placeholder="Irgendwas eingeben" id="password">
    </div>
    <button onclick="password()"> Press Me</button>
    <script>
      
      function password() {
        let password = document.getElementById('password').value;
        let element = document.createElement('div');
        element.innerText = password;
        document.body.appendChild(element);
      }
    </script>
  </body>
</html>

Hi wenn ich nun die Website neu Lade dann bleiben die Divs nicht bestehen,

kann mir jemand sagen wie ich die Divs dauerhaft auch für andere clients sichtbar

behalten kann.?

...zur Frage

Schreibgeschützt HTML Dateien mit Dreamweaver bearbeiten?

Hallo,

ich habe von unseren früheren Webmasterin den Zugang zum FTP Server bekommen. Jetzt möchte ich gewissen Bereiche bearbeiten...Wenn ich jedoch die Änderungen durchgeführt habe und diese speichern möchte, kommt die Fehlermeldung, dass ich diese nicht speichern kann... Könnt ihr mir helfen wie ich diese schreibgeschützten HTML Dateien bearbeiten kann... Noch was...die Dateien heißen nicht HTML sondern HTM... HILFE

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen