Developer Tools

CSS Comment

Wrap selected text in a CSS or block comment.

OfficialOn-device

Download action

Overview

What CSS Comment does

Wrap selected text in a CSS or block comment. It runs locally and handles the selected text without contacting a service.

CategoryDeveloper Tools
Action typeJavaScript
Default resultReplace or copy text
InternetNot required

Example

Action and outcome

CSS Comment example
ActionOutcome
CSS CommentSelected text: color: red;/* color: red; */

Workflow

Use CSS Comment

Follow these steps to wrap selected text in a CSS or block comment with ActionClip.

  1. Select the text you want to use.
  2. Choose CSS Comment from ActionClip.
  3. Review the result, then replace the selection or copy the new text.

Before you add it

Requirements and privacy

  • Before you start: No setup required.
  • Your selected text: Runs locally in ActionClip’s JavaScript sandbox. Selected text does not leave your Mac.

Inspect before installing

Action script

The script below is included so you can inspect how the action works before downloading it.

JavaScript definition
function run(selected_text) {
  var match = selected_text.match(/^(\s*)([\s\S]*?)(\s*)$/u);
  return match[1] + "\/* " + match[2] + " *\/" + match[3];
}