tag-it | jQuery UI plugin to handle multi | Autocomplete library

I can use tags in regular page fields without any issue. When using tags within blocks (within a streamfield), the UI works and the tags are saved BUT the current page tags do not show up when loading the page in the admin. That's because the current value is not in the template anymore, it's in a JSON loaded via telepath.

I can confirm that the tags are saved and present in the data passed to initBlockWidget in the page source but these are ignored. Also, if I used a regular text field instead of the tag-widget, I can see the saved-values in the admin.

This is the code I have (which used to be enough before the refactor with telepath).

This is the website code: I have to print all quotes with the tag 'inspirational'. I know how to do it in theory but my code simply just isn't working. Could anyone help me?

I have been able to make two lists which contain all of the quotes and all of the tags. I am not sure how to count how many within each or how I would make each unique in that it would be able to assign these to each quote.

I am learning react by coding a gamertag generator. It generates random tags and keeps a list, and each can be rated. My main app is a functional component utilizing the useState hook to set state: an array of objects with details about the tags, namely a star rating system.

I generate each gamertag using a react component Tag, within, it uses a functional component, RenderStars to draw the stars. Each tag stars off with 0 stars, so 5 empty stars, and I want the user to change rating by clicking on however many stars, 1-5. RenderStars will then draw however many empty and filled stars as needed.

I have a function in App, changeStars, that I can't seem to get any of the child components to call successfully. I am passing the function to the child components through props.

I've tried writing changeStars in arrow notation and as a plain function. I've tried it without requiring any parameters. I've tried calling it within Tag just using a button. There's other ways I've messed with it that I can't quite recall, just messing with the syntax and trying other things from stackexchange and articles.

I don't bind the function because it's created in a functional component.

This seems like a super basic task and I can't figure it out. Yes i've read the Docs from react.js

Here is some of the code, I'll try to take out as much as possible:

I have documents with "tags" arrays as properties. Now I want to query all distinct tag-items.

I am using the github api to display the user info and repos on a webpage.

I would like to sort a tag list by alphabet with their corresponding letter. including the empty ones.

At the moment I'm listing only the letter that has tags but can't get them to display/sort alphabetically. Then I also have the issue of it not showing the empty letter in the alphabet. Also worth mentioning I added the asort() because it wasn't sorting correctly.

Working:

• adding an alphabetic separator and nesting its tags under it

Not working:

• sorting alphabetically
• adding empty alphabetic number as well with text "No tags to display for this letter"

This is what I have so far:

I'm making an extension with a list containing a checkbox with a text item (St.label) that change style when toggled.

I'm listening to the toggle event, and as the item is toggled, I set a new style for my text using set_style_class_name() on a my Stlabel. But the style of the object don't change. The only solution that I have found is to destroy and remake all the item of the list and set a different class in the init of the object.

How could I just update the item that have been checked ?

Here the item that I'm using, I put a listener on the checkbox that trigger the toggle() function, in this function I'm updating the class, which should remove the 'text-checked' class and so the text should't have 'text-decoration:line-through' property.