Drag & Drop Ordering
On Ao3, the order you're adding tags (fandoms, characters, relationships, additional tags) to your work determines the order they show up on your work once you save it. If you think of a tag late and want this to be the first tag, you'd have to delete and re-add all tags. No more!
With this script, each new tag becomes draggable: Once you have added all tags, you can just drag & drop them into the order you want.
That is, until you saved your work/draft...
Ordering Fixed Tags
Tags which were already saved in a particular order (if you posted your work or draft previously) are fixed in place by AO3 and cannot be re-ordered. Such tags are shown with a striped background, and a mouse-over text tells you that this tag isn't sortable. The only way to re-order fixed tags is to delete them, save the work, and re-add them. While re-adding, you can use the drag & drop feature of this script.
To help with that task, the script adds Copy and Delete buttons to the labels.
- Select the Copy button.
- A comma-separated list of these tags is now in your clipboard. Paste them in a notepad application somewhere for later.
- Select the Delete button to remove all tags under this label.
- Repeat steps 1-3 for any label where you need to re-order fixed tags.
- Save the work/draft.
- Go back to editing the work/draft.
- Copy the comma-seperated lists of tags from your notepad into the proper tags textboxes, and press the Enter key.
- Now the tags are sortable. Drag & drop them into the order you want.
- Save the work/draft again.
Colors
The script recognizes site skins such as Reversi, and adjusts its colors accordingly. But you can also set your own colors in the code in lines #19 - #22.
Known Issues
This script has been tested on Windows, in Firefox and Chrome Desktop. It's also been tested on Firefox Mobile (Nightly), so hopefully it works on all mobile browsers now. It might be fiddly, and remember that you have to grab the ≡ symbol.
If you run into other issues, or have ideas how to improve the script, feel free to reach out e.g. via the feedback button.
