<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>インライン化 on qwerty.work</title>
        <link>https://qwerty.work/tags/%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%8C%96/</link>
        <description>Recent content in インライン化 on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Thu, 09 Sep 2021 16:47:18 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%8C%96/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>【DreamWeaver】正規表現でスペースや改行や余計なClassを一括削除する方法</title>
            <link>https://qwerty.work/post/2021/09/dreamweaver-regular-expressions/</link>
            <pubDate>Thu, 09 Sep 2021 16:47:18 +0900</pubDate>
            <guid>https://qwerty.work/post/2021/09/dreamweaver-regular-expressions/</guid>
            <description>&lt;p&gt;HTMLの参考ソースをコピーしてきたときに、余計なコードをまとめて削除したいときがありました。少量であれば、手動で削除するのですが、膨大にある場合はチマチマやってられません。そこで、正規表現を使い、ズバッと一括で置き換えしたいと思ったので書式をメモ。&lt;/p&gt;&#xA;&lt;h2 id=&#34;検索置換のやり方&#34;&gt;検索/置換のやり方&#xA;&lt;/h2&gt;&lt;p&gt;DreamWeaverで正規表現を使った置換をするには、メニューの**[検索]-[現在の文書内で置換]&lt;strong&gt;を選択するか、またはCtrl+Hを押して、&lt;/strong&gt;[正規表現を使用]**にチェックを入れて行います。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img alt=&#34;DreamWeaverで正規表現を使って検索・置換&#34; class=&#34;gallery-image&#34; data-flex-basis=&#34;781px&#34; data-flex-grow=&#34;325&#34; height=&#34;215&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2021/09/dreamweaver-regular-expressions/images/No-00.jpg&#34; width=&#34;700&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;正規表現書式例&#34;&gt;正規表現書式例&#xA;&lt;/h2&gt;&lt;h4 id=&#34;改行を削除&#34;&gt;改行を削除&#xA;&lt;/h4&gt;&lt;p&gt;HTMLのソースをインライン化したいときに使えます。&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;  検索&#xA;  \r\n&#xA;&#xA;&#xA;  置換&#xA;  （空）&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h4 id=&#34;タグとタグの間にあるスペースを削除&#34;&gt;タグとタグの間にあるスペースを削除&#xA;&lt;/h4&gt;&lt;p&gt;上記と同じく、HTMLのソースをインライン化したいときに使えます。&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;  検索&#xA;  &amp;gt;\s+&#xA;&#xA;&#xA;  置換&#xA;  &amp;gt;&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h4 id=&#34;タグ内にあるclassなどをまとめて削除&#34;&gt;タグ内にあるclass=&amp;quot;～&amp;ldquo;などをまとめて削除&#xA;&lt;/h4&gt;&lt;p&gt;（例）&lt;code&gt;を&lt;/code&gt;にする。&lt;/p&gt;&#xA;&lt;pre&gt;&lt;code&gt;  検索&#xA;  &#xA;&#xA;&#xA;  置換&#xA;&lt;/code&gt;&lt;/pre&gt;&#xA;&lt;h2 id=&#34;その他参考ページ&#34;&gt;その他参考ページ&#xA;&lt;/h2&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;http://www.ofuta.me/dreamweaver/157&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/http://www.ofuta.me/dreamweaver/157&#34; alt=&#34;http://www.ofuta.me/dreamweaver/157&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;http://www.ofuta.me/dreamweaver/157&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;http://www.ofuta.me/dreamweaver/157&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://web-diy.jp/2016/09/160919_01/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://web-diy.jp/2016/09/160919_01/&#34; alt=&#34;https://web-diy.jp/2016/09/160919_01/&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://web-diy.jp/2016/09/160919_01/&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://web-diy.jp/2016/09/160919_01/&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;オンラインで半角全角に変換できるページ&#34;&gt;オンラインで半角/全角に変換できるページ&#xA;&lt;/h2&gt;&lt;p&gt;正規表現で半角文字や全角文字を検索できても、半角→全角、ひらがな→カタカナの変換がDreamWeaverで可能なのか？不可能なのか？わかりませんが、オンラインで相互変換できるページがあったのでメモ。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://so-zou.jp/web-app/text/fullwidth-halfwidth/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://so-zou.jp/web-app/text/fullwidth-halfwidth/&#34; alt=&#34;https://so-zou.jp/web-app/text/fullwidth-halfwidth/&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://so-zou.jp/web-app/text/fullwidth-halfwidth/&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://so-zou.jp/web-app/text/fullwidth-halfwidth/&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;http://charset.7jp.net/chgchar.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/http://charset.7jp.net/chgchar.html&#34; alt=&#34;http://charset.7jp.net/chgchar.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;http://charset.7jp.net/chgchar.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;http://charset.7jp.net/chgchar.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.webtoolss.com/henkan.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.webtoolss.com/henkan.html&#34; alt=&#34;https://www.webtoolss.com/henkan.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.webtoolss.com/henkan.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.webtoolss.com/henkan.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item></channel>
</rss>
