Git Product home page Git Product logo

Comments (4)

aehlke avatar aehlke commented on August 25, 2024

Interesting idea. I'd thought about this but wasn't sure if it's easily doable.

Isn't there a CSS property you could apply to the X which makes it non-selectable? I'll have to look into this.

Someone else already forked this project to add paste support for multiple tags at once. I need to review his code and think more about the copy functionality.

Sent from my iPhone

On Jul 26, 2011, at 6:17 AM, [email protected] wrote:

Would it be possible to add some copy & paste capability to tag-it?
Within the input the "X" should be an image and a invisible comma should be added. Probably also quotes wrapping around each tag are necessary.
By adding some code in createTag (line 300) it would be possible to filter the input.

       var values = value.split(","); // here we need all configured separators and the behaviour of quotes
       if(values.length > 1){
           for(var i=0; i<values.length; i++){
               this.createTag(values[i],additionalClass);
           }
       }
       else{

Reply to this email directly or view it on GitHub:
#12

from tag-it.

mielert avatar mielert commented on August 25, 2024

Am 26.07.2011 19:36, schrieb aehlke:

Interesting idea. I'd thought about this but wasn't sure if it's easily doable.

Isn't there a CSS property you could apply to the X which makes it non-selectable? I'll have to look into this.

By now, our developers are using a different tag-tool (they will shift
soon to yours). This is how the unselectable x looks like in (terrible
coded) tool they use:

[X]

.tagfield .taglist li.tag a.delete {
background-attachment:initial;
background-clip:initial;
background-color:initial;
background-image:url(jquery-oozetag/image/to-delete.png);
background-origin:initial;
background-position:5px 5px;
background-repeat:no-repeat no-repeat;
cursor:pointer;
height:7px;
text-decoration:none;
width:8px;
}

.tagfield .taglist li.tag a.delete span {
visibility:hidden;
}

Someone else already forked this project to add paste support for multiple tags at once. I need to review his code and think more about the copy functionality.

Cool! I'd love to see that feature.

from tag-it.

aehlke avatar aehlke commented on August 25, 2024

Hm I think that one just uses an image for the x and hides the text X so that it still works if the CSS isn't supported or something like that. Not sure.

I'm a bit busy right now as I'm starting at a new job, but I'm planning on addressing this eventually. Thanks for the help. If you come up with your own patch, I'll review it for inclusion here.

Sent from my iPhone

On Jul 27, 2011, at 10:33 AM, [email protected] wrote:

Am 26.07.2011 19:36, schrieb aehlke:

Interesting idea. I'd thought about this but wasn't sure if it's easily doable.

Isn't there a CSS property you could apply to the X which makes it non-selectable? I'll have to look into this.

By now, our developers are using a different tag-tool (they will shift
soon to yours). This is how the unselectable x looks like in (terrible
coded) tool they use:

[X]

.tagfield .taglist li.tag a.delete {
background-attachment:initial;
background-clip:initial;
background-color:initial;
background-image:url(jquery-oozetag/image/to-delete.png);
background-origin:initial;
background-position:5px 5px;
background-repeat:no-repeat no-repeat;
cursor:pointer;
height:7px;
text-decoration:none;
width:8px;
}

.tagfield .taglist li.tag a.delete span {
visibility:hidden;
}

Someone else already forked this project to add paste support for multiple tags at once. I need to review his code and think more about the copy functionality.

Cool! I'd love to see that feature.

Reply to this email directly or view it on GitHub:
#12 (comment)

from tag-it.

mielert avatar mielert commented on August 25, 2024

By adding a comma in line 321 you could enable copying csv-data.

var removeTagIcon = $('<span>,</span>')

Will you work on this issue?

from tag-it.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.