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
    1. Home
    2. paoloar77
    P
    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 1
    • Best 0
    • Groups 0

    paoloar77

    @paoloar77

    0
    Reputation
    21
    Profile views
    1
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    paoloar77 Follow

    Latest posts made by paoloar77

    • RE: q-editor color font

      It’s possible to add a button, up to the editor component and send an execCommand to change the foreColor to the selected text.

      vue file:

      <q-btn rounded size="sm" color="primary" >
          <q-icon name="colorize" class="cursor-pointer">
              <q-popup-proxy>
                  <q-color v-model="mycolor" @change="setcolor"></q-color>
              </q-popup-proxy>
          </q-icon>
      </q-btn>
      <q-editor
          ref="editor_ref"
          v-model="myvalue"
          .........others props .... >
      </q-editor>
      
      

      In the .ts file:

        public myvalue = ''
      
        public mounted() {
          this.myvalue = this.value
          this.editor = this.$refs.editor_ref
        }
        public setcolor() {
          document.execCommand('foreColor', false, this.mycolor)
        }
      
      

      Color_QEditor.png

      posted in Help
      P
      paoloar77