WoltLab Cloud BBCode: QR-Code 1.0.2

This product requires the base product "PHP-QR Code" - Library.

Adds a “QR-Code – BBCode“ to the WoltLab Suite™.

Simple creation of a QR-Code

With the help of this BBCode you can easily create a QR-Code. Use the following BBCode to create it:

Code
[qrcode]Your QR-Code – Content[/qrcode]




Bugs & Support


Packageidentifier: de.d1strict.wsc.plugin.qr-code-bbcode

  • Version 1.0.2

    • Bug-Fix: Fixed an incorrect regular expression which did not allow transparency.
  • Version 1.0.1

    • New: A foreground and background color can now be defined. The BBCode is structured as follows:
      • Content
      • Foreground-Color
      • Background-Color
        • Example: [qrcode='Your QR-Code – Content ','#fcba03','#fc03f4'][/qrcode]
    • Change: The display of the QR code has been changed.
    • Bug-Fix: Fixed an error that generated a Fatal Error if the content of the BBCode consisted only of blank lines.

    Images

  • Version 1.0.0

    • Initial publication
  • I'm trying to figure out the usefulness of the QR code and how it can be used?

    • Hello,


      with this BBCode it is possible to create custom QR-Codes. So you don't have to go to a QR-Code generator on the internet, download its QR code and then upload & paste it in the article or forum post.

      This plugin works everywhere where the Redactor (i.e., the WYSIWYG-Editor) is active.


      You can create a QR code as follows:

      [qrcode]Foo Bar[/qrcode].

      This will give you a simple QR code, with the content “Foo Bar”.


      If you want to use your own colors, you can use colorful QR codes with version 1.0.1. For example, like this:

      [qrcode='Your QR-Code – Content ','#fcba03','#fc03f4'][/qrcode]

      #fcba03 is the foreground color and #fc03f4 is the background color as hex value.



      It's best to try it yourself, or contact me through my ticket-system so I can set up a demo system for you.


      Greetings,

      Felix :)

      Thanks 1
    • Many thanks, I'll give it a try!

  • Super für das Plugin.

    Frage an dich ist es auch möglich per Code das der Hintergrund wieder transparent ist und einfach nur die Farbe des QR Code dafür geändert ist denn das würde uns bei manchen sachen echt helfen.

    Gruß

    • Hallo,


      das muss ich mir mal ansehen, wenn ich wieder daheim bin. :)

      Thanks 1
    • Perfekt das wäre nämlich ganz praktisch für uns wenn es funktioniert transparent zu machen.

    • Hallo,


      ich habe mir das mal angeschaut. Möglich ist es bereits, nur verhindert ein fehlerhafter regulärer Ausdruck im BB-Code diese Funktion. Ein Update wurde aber schon eingereicht. Vorerst kannst du ja den regulären Ausdruck im ACP selbst beheben, wenn du nicht warten willst. Einfach die Ausdrücke in den Attributen 1 und 2 von ^#(?:[0-9a-fA-F]{3}){1,2}$ zu ^#([0-9a-fA-F]{8}|[0-9a-fA-F]{6})?$ ändern.


      Mit einem Farbcode – wie folgt – ist es in der Version 1.0.2 möglich, die letzten beiden Stellen stehen für die Transparenz.


      #044B9400



      % Hex
      100% FF
      95% F2
      90% E6
      85% D9
      80% CC
      75% BF
      70% B3
      65% A6
      60% 99
      55% 8C
      50% 80
      45% 73
      40% 66
      35% 59
      30% 4D
      25% 40
      20% 33
      15% 26
      10% 1A
      5% 0D
      0% 00

      Quelle der Tabelle: https://stackoverflow.com/a/17239853


      Viele Grüße,

      Felix

  • Danke für das Update und den weißen Hintergrund! Allerdings wird nach Update auf V1.0.1 der QR-Code etwas größer angezeigt. Ist das gewollt?


    Vorher:

    https://pasteboard.co/Fytab8ywLdyY.png


    Nachher:

    https://pasteboard.co/zlsz1xUYjR6V.png

    • Hallo,


      Ja, bei QR-Codes mit längerem Inhalt kann es dazu kommen, dass etwas abgeschnitten wurde bzw. dass das scannen etwas schwierig war. Ich habe dem QR-Code eine Klasse (qrCode) verpasst, daher kann hier bei Bedarf aber auch selbst nachgesteuert werden, sollte es einem nicht verpassen.


      Beispielsweise so:

      CSS
      img.qrCode {
          width: 200px;
      }


      Viele Grüße,

      Felix

      Thanks 1
    • Alles klar. Danke!

  • Super Plugin!

    Thanks 1
  • Sehr coole Sache.

    Frage ist es möglich evtl. das man das nicht nur als BB Code verwendet im Forum sondern auch auf eine Extra Seite wo man eben Text oder Link einbaut und dann auf Absenden und den fertigen QR Code bekommt.

    Denn wir nutzen für solche Sachen immer eine Extra Seite, wäre aber Hammer wenn man das alles über einen eigenen System vorweg laufen lassen kann.

    Like 1 Thanks 1
    • Nette Idee, man könnte "bis dahin" schonmal per WIN + SHIFT + S einen Ausschnitt ziehen und den "screenshot" per STRG + V in beiträge einfügen. So hatte ich es zumindest vor :D


      mfg

    • Soweit musst du nicht gehen denn du kannst ihn auch einfach per Rechtsklick als Bilddatei speichern und dort dann überall einbauen :D


      Aber als Zusatz so ohne diesen Umweg wäre auch sehr schön.

    • Das Stimmt wohl, im moment bleibt dabei zwar noch der Hintergrund transparent, aber das wird sich ja wahrscheinlich in einer der nächsten Versionen erledigt haben.


      mfg

      Like 1
    • Hallo ihr beiden,


      @MasterShadow: Vielen Dank für das Lob. Dein Wunsch, einer eigenen Seite für das erstellen des QR-Codes, sollte recht schnell umgesetzt sein. Mal schauen, was ich draus machen kann. Dann aber als separates Plugin. ;)


      @doerek

      Quote from doerek

      Das Stimmt wohl, im moment bleibt dabei zwar noch der Hintergrund transparent, aber das wird sich ja wahrscheinlich in einer der nächsten Versionen erledigt haben.


      mfg

      Genau, standardmäßig ist der Hintergrund dann weiß, kann bei Bedarf aber mittels einem weiteren Attribut im BB-Code geändert werden. :)


      Viele Grüße,

      Felix

      Like 2 Thanks 1
    • Quote from Felix | D1strict

      MasterShadow: Vielen Dank für das Lob. Dein Wunsch, einer eigenen Seite für das erstellen des QR-Codes, sollte recht schnell umgesetzt sein. Mal schauen, was ich draus machen kann. Dann aber als separates Plugin. ;)

      Das hört sich doch super an. Denn so kann man seine eigenen erstellen. Ich freu mich drauf :)

      Like 1
  • Coole Sache!


    Lässt sich eventuell die Farbe des QR-Codes anpassen? Auf dunklem Hintergrund ist der Code fast gar nicht zu erkennen... :/

    Thanks 1
    • Hallo,

      dankeschön. :)


      Ohne Eingriff in das Plugin ist es aktuell noch nicht möglich. Werde ich mir aber für die nächste Version einbauen. Danke für den Einwand.


      Viele Grüße,

      Felix

      Thanks 1
    • Danke für die Antwort. Dann ist ja klar, warum meine Versuche, die Farbe per CSS zu ändern, scheiterten. :D


      Gut zu wissen, dass es auf deiner ToDo steht. ;)

    • :!:EDIT: Alle Maschinen Stop! :) Seit v1.0.1 ist die unten genannte Anpassung hinfällig...und alle so....Yeah! \o/ :D


      Thanks 1 Like 2
    • Sehr schön. Klappt wunderbar! Vielen Dank! <3

      OK 1
    • @doerek Ist bloß nicht update-sicher. Also bei einem Update des Plugins wird es überschrieben, sollte sich die Datei mit dem Update ändern.

      Aber demnächst gibt es dazu ja auch einen Fix. ;)

      Like 2
  • Sehr geile Idee :)

    Thanks 1
  • A very cool plugin!

    And it's free!

    :)

    Reply from Felix | D1strict ():

    Thank you very much! :)

  • In seiner Funktion einmalig.

    Vergiss die Zeiten in denen du Webseiten aufgesucht hast nur um einen QR-Code zu generieren... Deine Suche hat nun ein Ende... dein Webspace wird es dir danken...Glückwunsch.. ;)