AO3: Comment Formatting and Preview

Adds buttons to insert HTML formatting, and shows a live preview box of what the comment will look like

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

作者
escctrl
今日安裝
0
安裝總數
180
評價
4 0 0
版本
5.2
建立日期
2024-01-05
更新日期
2025-10-04
尺寸
23.9 KB
授權條款
MIT
腳本執行於

💖 What it does

Adds buttons on top of comment boxes, to easily insert the HTML for formatting the comment text.

Below the comment box, adds a preview of what the final comment will look like.

preview of a work comment. Above the textbox is a row of buttons with text formatting icons such as 'bold', 'italics', etc. The textbox contains some text with HTML applied, and underneath the textbox is a field showing a preview of the comment visually formatted.

🪴 How to use it

After installing the script, open the configuration dialog to change the settings. Touching the code is not needed.

The button bar is added on:

  • Comments on works (posting and editing)
  • Comment Replies on works (posting and editing) as well as when replying from the AO3 Inbox
  • Summary, Notes and End Notes when posting or editing a work
  • Bookmarker Notes when adding or editing a bookmark (new!)
  • My Sticky Comment Box script (no preview to save space)
  • My View and Post Comments from the Bin script for tag wranglers (no preview to save space)

🎨 How to configure it

On a page with comments, for example a work or your AO3 Inbox: in the main navigation of AO3, next to “About”, there’s a new menu item “Userscripts”.

From the “Userscripts” menu, select the “Comment Formatting Buttons” option.

A configuration dialog opens. Here, you can set your preferences.

  • Deselect any of the standard buttons that you don't use
  • Add custom buttons, for all your repetitive commenting needs (follow the instructions within the GUI to add buttons)

🏛️ History

  • v5 - Post Tag Comment from Bins support
  • v4 - Bookmark notes support
  • v3 - Summary and Notes support when posting or editing a work
  • v2
    • Sticky Comment Box support
    • AO3 News Posts support
  • v1 - work comment support

🏅 Credit

It's inspired by the popular Comment Formatting Options script, but I created my own version from scratch, trying to fix issues I'd noticed and to add some new features.