3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Emmetで、ベタ打ちのURLの一覧を一発でリンク付き一覧にする

Last updated at Posted at 2018-07-23

Emmetで、次のようなベタ打ちのURL一覧を、リンク付きの一覧に一発で整形する方法。
資料などで機械的にURL一覧を作成した場合、テキストのままだと不便なので、HTMLにしてページ一覧にしたい場合などに。

https://qiita.com
https://www.facebook.com
https://twitter.com
https://www.google.com

このテキストに対して、次のようなAbbreviation(短縮形式)入力をして、展開します。

ul>li*>a[href=$#][target=_blank]{$#}

これによって、次のようにフォーマットされます。

<ul>
	<li><a href="https://qiita.com">https://qiita.com</a></li>
	<li><a href="https://www.facebook.com">https://www.facebook.com</a></li>
	<li><a href="https://twitter.com">https://twitter.com</a></li>
	<li><a href="https://www.google.com">https://www.google.com</a></li>
</ul>

target属性を追加する場合は、

ul>li*>a[href=$#][target=_blank]{$#}

参考ページ:
https://docs.emmet.io/actions/wrap-with-abbreviation/

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?