search

fritx / vue-at

At.js for Vue.
https://fritx.github.io/vue-at/
MIT License
529 stars 114 forks source link

Templated tags #54

Closed Brimstedt closed 6 years ago

Brimstedt commented 6 years ago

With these changes, you can add a slot to style the inserted tag.

image

fritx commented 6 years ago

styled-tags

@Brimstedt awesome! :+1: but seems something went wrong on my side.. When I inserted a tag and pressed delete until cursor back to right behind @, then pressed enter, a bunch of raw html would be inserted there.

Brimstedt commented 6 years ago

This does not happen to me.. which browser? L

On Sun, 1 Apr 2018, 03:33 Fritz Lin, notifications@github.com wrote:

[image: styled-tags] https://user-images.githubusercontent.com/6647633/38168960-0fef9dc8-358f-11e8-90b5-6e310d93c170.gif

@Brimstedt https://github.com/Brimstedt awesome! 👍 but seems something went wrong on my side.. When I inserted a tag and pressed ← back to right behind @ then pressed enter, a bunch of raw html would be inserted there.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/fritx/vue-at/pull/54#issuecomment-377736025, or mute the thread https://github.com/notifications/unsubscribe-auth/AAORgt3MNsbcjjZLK1qC3CH9XDMmuXYJks5tkC54gaJpZM4TB777 .

fritx commented 6 years ago

When I inserted a tag and pressed delete until cursor back to right behind @, then pressed enter, a bunch of raw html would be inserted there.

@Brimstedt the latest Chrome.

I've just pushed a temp commit based on your awesome stuffs, I was trying to handle well the other cases, such as delete handling and caret moving.

Just WIP, everything is not determined, need more investigation and testing together. For now I'm afraid of any breaking changes to the users that would come from PRs, before we set up a standard browser-automated testing CI, like https://circleci.com/gh/vuejs/vue-router.

Brimstedt commented 6 years ago

Ok.. do you want me to do something more here, or are you taking over the implementatoin of this functionality? :-)

/L

jggj21 commented 3 years ago

I am having the inconvenience when using v-model="html" and performing the console.log (html) I am getting the result with the HTML tags, is there any way to make it plain text, as well as in the textarea? I can't use the textarea as I need to get the: user-data-id = "s.item.id"

fritx commented 2 years ago

@jggj21 you have to transform HTML to your expected form of text yourself, because vue-at doesn't know the specific logic you need