WEB制作

Atom★余分な改行を削除するには?

投稿日:

コードを打つのに便利なテキストエディタ「ATOM」。
サイト制作には欠かせないです。

このテキストエディタは、本体をインストールした後、自分の好きな機能を「パッケージ」というカタチで後からどんどん追加して、自分用の仕様にしていきます。
そのあたりの紹介はまた改めて。。。

今回は、修正用にもらったデータが改行だらけで編集しにくかったので、余分な空白行をとる方法です。改行コードを検索できれば問題解決しそうなのですが、検索窓に改行を入れる方法がわからなかったので調べてみました。

余分な改行を簡単に削除する方法

その方法は、ズバリ

正規表現を使って検索・置換を行う

です。

 

具体的に言うと。。。
改行の正規表現は、
\n

行頭を表す正規表現は、
^

行頭にある改行を表すと、
「^\n」

となります。これを検索窓に入力。置換窓は空白のままで、検索・置換を実行するだけ。

正規表現についてはこちらがわかりやすく説明してありました。
正規表現とは?

空行を削除する

 

ATOM関連を勉強させていただいたサイト

書いたコードを直接サーバーにアップロードすることができる機能を追加する方法

【Atom】プロジェクトごとに FTP 設定をする方法

Atom から直接 FTP 接続するRemote-FTPパッケージ

 

便利なパッケージの紹介

ATOMで使える最初に入れるべきマストパッケージまとめ13選

ATOMにWebブラウザ機能を追加するプラグイン「browser-plus」をいれてみた

 

まずは、基本の使い方

【ATOMエディタまとめ】インストール方法と使い方を紹介!

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

CSS★疑似要素にFontawesomeのアイコンフォントを表示させるには…

右端にアイコンフォントを入れたボタンを作ろうとしたときに躓いたところ。なので、忘れないようにメモ。 下のようなボタンを作ろうとしていた。  ↓ ↓ ↓ ボタンのデザイン /* 疑似要素内での Font …

HTML共通部分を部品化して読み込ませる方法

今回はHTMLでサイトを作って欲しいとの要望。 ナビやヘッダー、フッター部分は全ページ共通なので、修正や後々のメンテナンスも考えて、それらを部品化して1箇所で管理したい。 HTMLには、他のページを読 …

MAMPで任意のPHPバージョンを使う

最近はMAMPは余り使わなくなったのですが、古いCMSのメンテのためにテスト環境が必要になりました。あたらしいMAMPはPHPが7.3になっていて、古いCMSがインストールできない! MAMPのPHP …

CSS★テキストにグラデーションをつける

文字にグラデーションカラーをつけるといえば、イラストレーターなどで画像を用意してからサイト内に配置というのがお約束だったんだけど、CSSだけで実現できるようになりました。 先日の勉強会で習ったばかりの …

no image

リストマークと字下げインデントのまとめ

画像なしで表現するリストマークのサンプルいろいろ 行頭記号やリストマークなどの装飾を、画像なしで実現する方法を紹介しています。 リストアップの条件は、 先頭に何かしら装飾をつける 2行目以降の先頭を1 …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。