質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

4755閲覧

文字を一気に要素で囲む方法

Kei227

総合スコア44

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2015/12/08 07:56

Sublime Text3を利用しているのですが、一気に文字を要素で囲む方法はありますでしょうか?

例えば、以下のようにする場合です。

ABOUT - ご紹介 ↓ <li>ABOUT - ご紹介</li>

僕はその際の手順として、

ABOUT - ご紹介 ↓ (1)先頭に<li>をつける <li>ABOUT - ご紹介 ↓ (2)末尾に</li>をつける <li>ABOUT - ご紹介</li>

というふうにしています。これを、

ABOUT - ご紹介 ↓ (1)先頭に<li>を末尾に</li>をつける <li>ABOUT - ご紹介</li>

というふうに一気に要素を適応することはできないのでしょうか?

*ネットで調べてみると、Sublimeのショートカットとして

○ Ctrl + Shift + G 選択範囲を包括する要素を入力できる。

というものがあると書いてある記事が出てきました。
(http://lab.sonicmoov.com/markup/sublime-text-2/)

しかし、これを実行しても何も反応はありませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

2015/12/09 編集

http://lab.sonicmoov.com/markup/sublime-text-2/

を参照したとのことですが、上記の記事はSublime Text 2に関する記事のようです。

Sublime Text 3の場合

Windows: Alt+Shift+W
Mac: control+Shift+W

のようです。

参考:【保存版】Sublime Text 3のショートカットキーの一覧(Windows/Mac)

投稿2015/12/08 08:28

編集2015/12/09 05:18
maru0014

総合スコア151

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Kei227

2015/12/08 08:45

FindKeyConflicts」で確認してみると、 Ctrl + Shift + G に当たるものが存在しませんでした。
maru0014

2015/12/09 05:19

2015/12/09 編集しました。 Ctrl + Shift + G ではなく Alt+Shift+W のようです。
izkn

2015/12/09 06:08

囲むタグが一階層なら標準機能でも対応できるのですね。二階層以上なら Emmet の出番か。勉強になりました m(_ _)m
Kei227

2015/12/09 11:44

下記の方法で解決できました。ありがとうございます。 【Mac】 (1)一行選択 control+l or ダブルタップ (2)選択範囲を包括する要素を入力 control+Shift+W
guest

0

Emmet が入っているなら、

  • Mac: control+option+return
  • Win: Ctrp+Alt+Enter

で、Wrap With Abbreviation が使えますので、期待した操作になると思います。

投稿2015/12/08 08:26

izkn

総合スコア1698

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

izkn

2015/12/08 09:20

Ctrl+Shift+G(Win) は、昔のSublime Text 2 時代のEmmet の Wrap With Abbreviation のショートカットです。Sublime Text の標準機能ではありません。新しい記事を当たりましょう。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問