No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to highlight specific words in q-input

    Framework
    3
    4
    157
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      coopersamuel last edited by

      I’m working on a multi box similar to facebook’s post creator. The box has the ability to parse out links and hashtags. For UX purposes, is there an easy way to highlight specific strings within q-input?

      Current UX:
      3177ff8f-8318-4425-b7cc-17f71731c162-image.png

      Desired UX:
      5da82b76-98db-4a3b-aa05-c556808bf68a-image.png

      1 Reply Last reply Reply Quote 0
      • qyloxe
        qyloxe last edited by

        You can use prosemirror/tiptap with Quasar integration:

        https://donotebase.github.io/quasar-tiptap/

        C 1 Reply Last reply Reply Quote 0
        • C
          coopersamuel @qyloxe last edited by

          @qyloxe ideally there’s an easy way to do this without adding another package…

          metalsadman 1 Reply Last reply Reply Quote 0
          • metalsadman
            metalsadman @coopersamuel last edited by

            @coopersamuel I don’t think you can, since q-input uses a native input internally.

            1 Reply Last reply Reply Quote 0
            • First post
              Last post