テキストエリアにもコードを書きたくなった時
コードエリア以外でもコードを書くことができます
テキストエリアでのコードの書き方
①入力モード
まず入力モードをテキストモードにします。
②入力したいコードを入力します。
HTMLやCSS、JS、PHPなどのコードを入力したら、それを選択した状態で、「HTML Entities」をクリックしてエンコードします。
↓
選択部分がエンコードされました。
③<pre><code>★★★</code></pre>
★のところに②のエンコード済みコードを入力
④codeタグにclassを付与
htmlの時・・・<code class=”html”>
cssの時・・・<code class=”css”>
Javascriptの時・・・<code class=”js”>
phpの時・・・<code class=”php”>
HTML
<p>コードが表示されますよ</p>
CSS
.header
{
color: #D36015 ;
}
JavaScript
// タブスペースの調整
hljs.configure( {
tabReplace: " ", // 4文字分の半角スペース
} ) ;
// プログラムの実行
hljs.initHighlightingOnLoad() ;
PHP
<?php
require_once "./Syncer.php";
- 【更新履歴】
- 2020.11.16 記事を投稿しました。
2020.11.17 記事を更新しました。
- 最新記事
-
タグマネージャーの設定（随時更新）
2021.11.09 WEB・APPSEO対策
mori -
メルマガの開封・クリックをGoogleアナリティクスで測定する方法
2021.10.19 WEB・APPテクニックSEO対策
mori -
横スクロールサイトがかっこいいサイト
2021.10.18 WEB・APPテクニックアイデア
mori
- タグ
- UX・UIデザインバックエンドフロントエンドECサイトサーバー・ドメインSNSツールPHPSEOWebツールnoteJavaScriptGoogleTagManagerGitFacebookショップサーブオウンドメディアCSSSearchConsoleVScodeInstagramお名前ドットコムカラーミーCMSHTMLGoogleAnalyticsXDプログラム言語TwitterhetemlEC-CUBEWordPress操作方法アプリ画像関係PythonVBAデータベースMySQLRubyShopify
- 月別アーカイブ
-