vue-at icon indicating copy to clipboard operation
vue-at copied to clipboard

2.5.0-beta w/ styled-tags insertion

Open fritx opened this issue 6 years ago • 2 comments

Related issues: #13, #35, #42, #51, #52, #53

Related PR: #54 (pending)

README: (coming soon..) Online demos: (coming soon..)

<at :members="members" name-key="name" v-model="html2">
  <!-- custom tag: avatars -->
  <span slot="embeddedItem" slot-scope="s">
    <span class="tag"><img class="avatar" :src="s.current.avatar">{{ s.current.name }}</span>
  </span>

  <!-- custom list: avatars -->
  <template slot="item" scope="s">
    <img class="avatar" :src="s.item.avatar">
    <span class="name" v-text="s.item.name"></span>
  </template>

  <div class="editor" contenteditable></div>
</at>

More example at branch demo/try-emoji or commit https://github.com/fritx/vue-at/commit/7cdcea18613173806c1dbfd1b5ff781cc4d41add

Thank you all, @dmitry-kozachek, @jasonlfunk, @Zanzavar, @hfalucas, @gdutwyg, @chieh301, @wuyungen1996, @jrvaja, @Brimstedt

# please try
npm i -S [email protected]

fritx avatar Apr 09 '18 16:04 fritx

This functionality will become available for <at-ta> </at-ta>

using a textarea?

jggj21 avatar Aug 04 '21 01:08 jggj21

@jggj21 no, for now, "styled-tags" is just available for <div contenteditable>

fritx avatar Nov 10 '21 07:11 fritx