Linuchs: Bild vom Clipboard in Textarea einfügen

Moin,

im Forum wer-weiss-was.de habe ich eine interessante Funktion entdeckt, nach der ich seit Jahren suche. Die Forensoftware dürfte discourse sein:

<meta name="generator" content="Discourse 2.6.0.beta1 - https://github.com/discourse/discourse version b9174c8e8ab7e0a5fdb782cd8625d26475ce777e">

In einem textarea kann man mit [Strg][V] nicht nur Text einfügen (samt Verlinkung), sondern auch ein Bild aus dem Clipboard.

Die Tastenkombination scheint eine Prüfung (Javascript?) auszulösen, die eine Grafik erkennt. Diese wird dann zum Server geschickt und erscheint im Text in dieser Form:

ganz kurz: „wird hochgeladen“ und dann

![grafik|313x222](upload://uxGrUJ1EK3KCfO9sQL5uaiNqUZX.png) 

In der Vorschau ist das Bild schon eingebaut.

Das möchte ich gerne in meinem Veranstaltungskalender anbieten. Wie geht das?

Gruß, Linuchs

  1. Servus!

    Moin,

    im Forum wer-weiss-was.de habe ich eine interessante Funktion entdeckt, nach der ich seit Jahren suche. Die Forensoftware dürfte discourse sein:

    <meta name="generator" content="Discourse 2.6.0.beta1 - https://github.com/discourse/discourse version b9174c8e8ab7e0a5fdb782cd8625d26475ce777e">
    

    In einem textarea kann man mit [Strg][V] nicht nur Text einfügen (samt Verlinkung), sondern auch ein Bild aus dem Clipboard.

    Die Tastenkombination scheint eine Prüfung (Javascript?) auszulösen, die eine Grafik erkennt. Diese wird dann zum Server geschickt und erscheint im Text in dieser Form:

    ganz kurz: „wird hochgeladen“ und dann

    ![grafik|313x222](upload://uxGrUJ1EK3KCfO9sQL5uaiNqUZX.png) 
    

    In der Vorschau ist das Bild schon eingebaut.

    Das möchte ich gerne in meinem Veranstaltungskalender anbieten. Wie geht das?

    Schritt 1: paste clipboard image to file input

    https://anexia.com/blog/de/bilder-aus-clipboard-hochladen/

    Ein verstecktes Eingabefeld <input type="hidden" id="base64_file_form"/>, das eienn EventListener zum paste-Event kriegt.

    Schritt 2: hochgeladenes Bild überprüfen (kein SVG mit JS drin, Größe, etc) und ins DOM einfügen.

    Problem: Wie filterst du urheberrechtl. geschützten Inhalt und Pornos raus?

    Herzliche Grüße

    Matthias Scharwies

    --
    Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
    1. Problem: Wie filterst du urheberrechtl. geschützten Inhalt und Pornos raus?

      Das ist nicht das Problem dieser Technik. Falls es Probleme gibt, könnte man das Verfahren auf Administratoren begrenzen.

      Eine Anwendung wäre die Übernahme von Bildern, die zu einem per Mail hereinkommenden Veranstaltungstext gehören. Veröffentlichung ausdrücklich mit Bild erwünscht.

      Ich könnte nun mit [Strg][Shift][Druck] das Bild der Mail oder einen Ausschnitt markieren und ins Clipboard Kopieren, dann mit [Strg][V] einfügen. Fertig.

      Jetzt:

      1. Bild speichern (Thunderbird bietet das Kopieren ins Clipboard nicht an),
      2. gespeichertes Bild suchen, auf jeden Fall mit Gimp bearbeiten (Datei verkleinern oder Ausschnitt speichern),
      3. abspeichern,
      4. wieder suchen, hochladen.
      1. Servus!

        Eine Anwendung wäre die Übernahme von Bildern, die zu einem per Mail hereinkommenden Veranstaltungstext gehören. Veröffentlichung ausdrücklich mit Bild erwünscht.

        Ich könnte nun mit [Strg][Shift][Druck] das Bild der Mail oder einen Ausschnitt markieren und ins Clipboard Kopieren, dann mit [Strg][V] einfügen. Fertig.

        Das klingt interessant.

        Könntest du bitte, wenn du das weiter studierst, uns dann ein Beispiel mit einigen Erklärungen für JavaScript/File_Upload oder einen SELF-Blog-Artikel übermitteln?

        Vielen Dank im Voraus!

        Matthias Scharwies

        --
        Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“