Toggle comments on HTML or CSS files

[celiapgt]

Hi, everyone!


I have looked up with no success. Does anyone know if there is a plugin to toggle comments on HTML or CSS files?
Or maybe just a regex function is needed?


Since I'm no programmer, I cannot do it myself. I'm sorry for that.

[DNSB]

What do you mean by toggle comments? in the CSS files, you would use /* comment text */ and in a HTML file, you would use <! -- comment text --> to add a comment. Are you looking for a plugin to allow you to highlight text and then mark it as a comment?

I.e.

<!-- Write your comments here for a HTML file -->


/* This is a single-line comment in a CSS file */


p {
  text-align:center;  /* center the text */
}

[Turtle91]

I would just set that as a clip.

- type your comment
- highlight your commented text
- click the appropriate clip button

Probably alot shorter/faster/easier than making a whole plugin for it.

[celiapgt]

Originally Posted by DNSB

What do you mean by toggle comments? … Are you looking for a plugin to allow you to highlight text and then mark it as a comment?

What I mean is when I'm experimenting with the code, I want to highlihgt some text block and comment it. Or if it is already commented, I want to uncomment it. Exactly as you said

[celiapgt]

Yes, I was thinking of using clips, but I do not know how to use it. For example,

<p>A paragraph</p>
<hr />
<p>Another paragraph</p>

or

blockquote.modern {
 text-align:justify;
 margin: 0 1em 1em;
}

So, if I select either one of those blocks, I get (accordingly):

<!-- 
<p>A paragraph</p>
<hr />
<p>Another paragraph</p>
-->

or

/*
blockquote.modern {
 text-align:justify;
 margin: 0 1em 1em;
}
*/

And if I already have these latter paragraphs, I can revert them to the first two paragraphs.


How can I achieve it? Is it possible using clips/regex or plugins?

[Turtle91]

That could be done with a saved search.

Find: [\<\!\-\-|\/\*]\s*(.*?)\s*[\-\-\>|\*\/]
Replace: \1

- highlight commented section, including tags
- hit saved search button

I’m pretty sure you can assign a shortcut key for the clip(s), maybe you can do the same for a saved search??

Also, I’m not sure you need to escape every character in the find - I’m writing this on my phone without testing - but you get the idea. If I’m wrong I guarantee someone will correct it!

Edit: added \s* to not capture any spaces to prevent adding space every time this method is used.

</CDO>

[celiapgt]

Hey, Turtle91!

Thank you for your response. I'm trying and coping with your idea. Yes, I get it ;D
Clever one! Regex are not my strong but now I can develop the rest of them.

I cannot assign a keyboard shortcut to a saved search :-S


It is something worthwhile to have keyboard shortcuts for Saved Searches, and I hope the developers consider it. Would save a lot of time and clicking (I'm more a keyboard gal).



Thanks again!
Live long and prosper!

[Doitsu]

Originally Posted by celiapgt

It is something worthwhile to have keyboard shortcuts for Saved Searches, and I hope the developers consider it. Would save a lot of time and clicking (I'm more a keyboard gal).

You can assign keyboard shortcuts to the first 20 clips, and there are also two clip bars.



Just assign the following two clips to one of the first 20 clips:

CSS comment	/* \1 */
HTML comment	<!-- \1 -->

[celiapgt]

Thank you, Doitsu!

I'm saving them as clips.