Editor in Firefox

  • Mein Cursor rannte mit dem "h" über den Seitenrand hinaus, hielt also nicht an und machte automatisch in Zeile 2 weiter.

    fehlt da ein "nicht"? Weil wie du richtig schreibst rennt er über den Seitenrand hinaus (sieht man auch an der waagrechten Scrolleiste unten) und macht eben nicht in Zeile 2 weiter.:/

    Was ein Zeilenumbruch zu sein scheint, braucht mir nicht so ironisch beigebracht zu werden! X(

    Das war überhaupt nicht ironisch gemeint. Ich habe dich nicht vor mir und kann nur darauf reagieren was du schreibst und dachte, es ist am besten wenn du es selbst ausprobierst anhand der Beispiele. Gerade weil du geschrieben hast.

    Kann schon sein, aber die Antwort aus #11 hat mich doch irritiert.

    Übrigens:

    Habe Anleitung aus #21 übernommen

    da habe ich einen kleinen Fehler entdeckt welches bei einem Klick in den Editor am Anfang ein Leerzeichen einfügt. Das sollte eigentlich so nicht sein. Ändere in der letzten Zeile des Codes das Ende autofocus> </textarea> in autofocus></textarea> denn das ist dafür verantwortlich.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Gleiche Prozedure am Notebook ausgeführt mit data:text/html, <html contenteditable> in Adresszeile.

    Das liegt daran, dass in einem gewöhnlichen Element mit contenteditable-Attribut Text nur umgebrochen werden kann, wenn es ein Leerzeichen (oder manuellen Umbruch) gibt, aber nicht mitten in Wörtern. Das lässt sich aber recht einfach via CSS steuern.

    Eine textarea wie in #21 verhält sich standardmäßig anders.

    Dann habe ich es mir doch nicht eingebildet mit der fortlaufenden Schreibweise ohne den zu erwartenden Umbruch an rechter Fensterseite. Das mit dem Leerzeichen dazwischen (kurz vor Ende der Seite) konnte ich testen. Funktioniert.

    Das ist gut zu wissen. :)

    CSS
    data:text/html, <html contenteditable style="word-break:break-word;">

    Diese neue Adresse habe ich gleich erfolgreich getestet. Vielen Dank dafür! :)

    Gruß,
    D. Büssen

    Firefox 124.0. + Nightly 126 (WIN 10 - 64 bit)

  • Mein Cursor rannte mit dem "h" über den Seitenrand hinaus, hielt also nicht an und machte automatisch in Zeile 2 weiter.

    fehlt da ein "nicht"? Weil wie du richtig schreibst rennt er über den Seitenrand hinaus (sieht man auch an der waagrechten Scrolleiste unten) und macht eben nicht in Zeile 2 weiter.:/

    Rechtzeitig selbst bemerkt und verbessert. Beiträge haben sich dabei überschnitten.

    Zitat

    Das war überhaupt nicht ironisch gemeint. Ich habe dich nicht vor mir und kann nur darauf reagieren was du schreibst und dachte, es ist am besten wenn du es selbst ausprobierst anhand der Beispiele. Gerade weil du geschrieben hast.


    Hatte ich ja ohne Erfolg getestet. Alles gut - schon vergessen! :)


    Zitat

    Habe Anleitung aus #21 übernommen

    Zitat

    da habe ich einen kleinen Fehler entdeckt welches bei einem Klick in den Editor am Anfang ein Leerzeichen einfügt. Das sollte eigentlich so nicht sein. Ändere in der letzten Zeile des Codes das Ende autofocus> </textarea> in autofocus></textarea> denn das ist dafür verantwortlich.


    Habe ich korrigiert - werde noch testen.

    Gruß,
    D. Büssen

    Firefox 124.0. + Nightly 126 (WIN 10 - 64 bit)

  • Ich habe meinen eigenen Texteditor auch noch etwas verfeinert. Jeweils mit Tab-Icon versehen, Höhe geändert, damit bei viel Text nicht rechts ein zweiter Scrollbalken entsteht, Platzhalter fürs Tippen eingefügt.

    JavaScript
    data:text/html, <link rel="shortcut icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgbEDMWuj2KyQAAAEVpVFh0Q29tbWVudAAAAAAAQ1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAKZ51HQAAAAshJREFUOMuNk09sFGUYxn8zO7M7M7vbbZeobK1plxCjByAEIV70YBMBgx70hMGLMUQuamiUkHJFEvBKYiTeOLQaDyYmIgQSrYiaUDT+uYBtsGzZbtntzuz8n/m+z4NpvYDhOb15kveXN++TBx6gd6be52Gk3c88Nn3izVK5PKah/zUIglu/Xf954dKFC6sPDfj6u6vJ/C/XizogpUDXNGQuiAb9lTAIbn4+M3t2aak1c1/Atzd+/Wj3tm1TUtPoegPa3TUW2x3afRfP81FZSint8uX0kbFrHVrG+uLetw9jmlbdKllTq0GEWdARmo5dq/FYyUZtitDjlG6QsHn5d8YntJFrHdXS1wHffPwJByb3nXfDiFhKbnsB96KUfpLhxSmxEMRJTqNkYCiBVTRqAAbAax8cZ8iq7h6k2f4/l1pURp9ASMVy6BNngkwqvCQlSDOeG3+U+RseZqUyAmvoAF+cPgWOPbtwt82KH3LHD2kNAlKhWEsy7voh/SjFQdColgnjGB19eOOC/Uen3/j7Xr9pGj5Np0IviEmEJBMCIRVhkhOkGc88XifPEgLfA82sbwAWe+45icLUC2ze+hQdP0JKSS4VWS6RSlLVJKMVm4HnIvKYglmsN0ctjKffeu/knTW3pKOhhGCn7dDueyjUvylrAIo9jU2EaYbwXNLAwylbQ4vLMUZjonnIGYNur0cSRaiSQ9cPAIWOBprGSLFAs1YhyjO8vkceu9Rqw3UA/cqJd8cbwcqWPU9uOXzwxRduDzkWZrmKKlpESsNPM3Y9UiNIYlCSnuuiEh+7bP/3xK/OfLgInJv/6Yf5am3k1ZYfHehJZ/tCmNEJY5rDVbJcMFQ0WO11EVrhoiw4cw/swrp+nLu6z66WXwqFehnTnMjjhMvfz1289cfNV85/ejZ5dkf9/6t68PVDG/Pk5PP27GczuwCOHp/e8P8BAWlf96F/eRUAAAAASUVORK5CYII=" type="image/x-icon"><title>Text Editor</title><textarea placeholder="Tippe..." style="font-size: 2.0em; width: 100%; height: 95%; border: none; outline: none" autofocus></textarea>

    oder das gleiche mit Download Möglichkeit

    JavaScript
    data:text/html,<link rel="shortcut icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgbEDMWuj2KyQAAAEVpVFh0Q29tbWVudAAAAAAAQ1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAKZ51HQAAAAshJREFUOMuNk09sFGUYxn8zO7M7M7vbbZeobK1plxCjByAEIV70YBMBgx70hMGLMUQuamiUkHJFEvBKYiTeOLQaDyYmIgQSrYiaUDT+uYBtsGzZbtntzuz8n/m+z4NpvYDhOb15kveXN++TBx6gd6be52Gk3c88Nn3izVK5PKah/zUIglu/Xf954dKFC6sPDfj6u6vJ/C/XizogpUDXNGQuiAb9lTAIbn4+M3t2aak1c1/Atzd+/Wj3tm1TUtPoegPa3TUW2x3afRfP81FZSint8uX0kbFrHVrG+uLetw9jmlbdKllTq0GEWdARmo5dq/FYyUZtitDjlG6QsHn5d8YntJFrHdXS1wHffPwJByb3nXfDiFhKbnsB96KUfpLhxSmxEMRJTqNkYCiBVTRqAAbAax8cZ8iq7h6k2f4/l1pURp9ASMVy6BNngkwqvCQlSDOeG3+U+RseZqUyAmvoAF+cPgWOPbtwt82KH3LHD2kNAlKhWEsy7voh/SjFQdColgnjGB19eOOC/Uen3/j7Xr9pGj5Np0IviEmEJBMCIRVhkhOkGc88XifPEgLfA82sbwAWe+45icLUC2ze+hQdP0JKSS4VWS6RSlLVJKMVm4HnIvKYglmsN0ctjKffeu/knTW3pKOhhGCn7dDueyjUvylrAIo9jU2EaYbwXNLAwylbQ4vLMUZjonnIGYNur0cSRaiSQ9cPAIWOBprGSLFAs1YhyjO8vkceu9Rqw3UA/cqJd8cbwcqWPU9uOXzwxRduDzkWZrmKKlpESsNPM3Y9UiNIYlCSnuuiEh+7bP/3xK/OfLgInJv/6Yf5am3k1ZYfHehJZ/tCmNEJY5rDVbJcMFQ0WO11EVrhoiw4cw/swrp+nLu6z66WXwqFehnTnMjjhMvfz1289cfNV85/ejZ5dkf9/6t68PVDG/Pk5PP27GczuwCOHp/e8P8BAWlf96F/eRUAAAAASUVORK5CYII="" type="image/x-icon"><title>Text Editor</title><button onClick="SaveTextArea()">Download</button> <script language="javascript" type="text/javascript"> function SaveTextArea() { window.location = "data:application/octet-stream," + escape(txtBody.value); } </script> <textarea placeholder="Tippe..."id="txtBody" style="font-size: 2em; width: 100%; height: 95%; border: none; outline: none" autofocus></textarea>

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)