投稿

7月, 2022の投稿を表示しています

Dreamweaverでhtmlタグを綺麗にする設定(ソースコードのフォーマット)

イメージ
 Dreamweaverでhtmlを作成していると、プログラマーの人に渡した時に「タブスペースや改行がくずれる」という現象が起きる。 というのも、Dreamweaverでタグをエンター改行すると、インデント分の空白が勝手にタブで入ったりしてしまうのだ。 今まではその都度手作業でスペース入れたりしていたのだが、ちょっとdiv増やしたりするともうスペースの入れ直し!! …というのが一発で解消する方法を知ったので、設定を含めてメモ。 まずは上部メニューの「Dreamweaver」→「環境設定」を開く その中にある「コードフォーマット」で、上記設定をしておく。 ・インデント:☑を使用「2」「スペース」 ・タブサイズ:「2」☑スペースとして挿入 ・TDタグ:□TDタグ内に改行を含めない コード画面左側にある「ソースコードのフォーマット」をクリック その中にメニューとして「コードフォーマット設定」があるので、それを選ぶ。 タグごとに細かな設定ができるので、自分が一番見やすいように修正する。 自分の場合は「a」「div」「head」「button」を修正。 aタグの設定 改行:タグの前後 コンテンツ:フォーマットおよびびインデントあり divの設定 改行:前、中間、後 コンテンツ:フォーマットおよびびインデントあり buttonの設定 改行:前、中間、後 コンテンツ:フォーマットおよびインデントあり headの設定 改行:前、中間、後 コンテンツ:フォーマット及びインデントあり 最後に、「ソースフォーマットの適用」 ソース画面左の「ソースコードのフォーマット」アイコンを押して、「ソースフォーマットの適用」を選択すると、開いているソースの中身が整形されます。 ざっと見直して問題なければこれで完了!

modxのテンプレート変数で作成したテキストエリア(textarea)全てにtinymceを使えるようにする設定

 テンプレート変数を作って、mm_rulesでリソース画面に入力エリアを複数作ったのだが、tinymceが使えるのは「本文」のコンテンツのみ。 これではせっかく管理画面を誰でも入力可能な感じにカスタマイズしたのに、「ここはテキストの装飾できないの?」ということになる。 そこで、 「エレメント」→「エレメント管理」→「プラグイン」のtinymceを選択 「設定」タブの「Custom Parameters」のエリアに以下を追記。 mode : "specific_textareas", selector : "textarea" こうすると、管理画面上で「textarea」になっているテンプレート変数の入力画面が全てtinumceで操作可能になる!

modxのtinymceでpタグが勝手に入らないようにする。br改行タグが勝手に消えないようにする

 modxをtinymceでエディタ編集している際、改行をすると勝手にpタグが入ったり、プレビューするとbr改行タグが消えたりする。 また、チャンクで作成したテンプレートを挿入した際には、例えばh2タグの中身を編集していて改行キーを押したときにh2タグ内で改行されて、カーソルをタグ外でクリックしても出てくれない事象が発生する。 wordpressやtinymce本体の使い方はサイトに多くのっているが、modxでの変更方法がなかなか載っていなかったのでメモ。 「エレメント」→「エレメント管理」 tinymceのプラグインを選択 「設定」タブの「プラグインの設定」のエリアに以下を記載 forced_root_block : 'div', force_br_newlines : true, force_p_newlines : false (一番下にカンマは付けません) これが何をやっている設定かというと、 ・新しく文章を入力する際のブロックはdivで囲みます。 →これがないと、改行したときにh2タグ外へ出てくれない ・brを消さない ・pタグを追加させない root_blockに''で空を入れるだけだと、 チャンクテンプレートで<br>タグを最後に入れても何故かbrタグが消える。 <br>タグを<br><br>にしておくと何故か消えないが、改行した際に2こめの<br>タグが文末にどんどん増えていく。 という不思議な動きをする。 なので。div自体には特殊なcssを設定せず、とにかく改行ごとにdivで囲ってしまおうという強硬手段。 どうしてもdivタグで囲いたくない場合は、root_blockを''にして、テンプレート側に<br><br>を設定。 そして追加されていく<br>を手動で消していく感じになる。 もっといい解決方法があったら教えて!!! ■追記■ やはり、root_blockは''にしないとだめだ。 そしてチャンクテンプレートがh2やdivで囲っているデザインの場合は最後に<br><br>を入れる。 先ほどのやり方だと改行キーを押したら今いるdivが複製されるようになっている!? ...

modxのtinymceでhtml5のiタグがemタグに置き換わってしまう

 とにかく最終的に見つけたのは、modx管理画面の「エレメント」→「エレメント管理」→「プラグイン」→「TinyMCE」→「設定」タブの 「Custom Parameters」のところに以下を入力して保存。 valid_elements : "*[*]" 書いてあるエレメント(タグ)全部有効にしろよ!という強制的なやつです

xserverにmodxをインストールしたらParse errorが表示され、苦労した挙句php側ではなかった件

modxを久しぶりにインストール。 その際、bootstrapの学習用テンプレートもインストールしてみた。 (いつもはゴミになるからインストールしないが、どんな内容か確認してみたかった) その後、管理画面のログインOK、管理画面自体は問題なく表示される。 サイトの表示をしてみたところ、以下の様なエラーが表示される…。   Parse error : syntax error, unexpected '\' (T_NS_SEPARATOR), expecting ')' in  /***/***/***/public_html/manager/includes/document.parser.class.inc.php(2401) : eval()'d code  on line  1 エラーの出てる箇所を見に行くと、この一行 eval('?>' . $content); エラー内容とこの「eval」というやつを合わせていろんなパターンで検索してみる。 ■原因候補 ・php7だから使えない古いコードが混在している?  実際、eval自体はあまり使わない方がいいとか、php7だと云々みたいな記事が見つかる ⇨解決例に沿ってtry〜catchで囲ってみるも解決せず ■解決! そもそものコード自体はコンテンツ($content)を表示しているが、そこに”\”バックスラッシュが入ってますよー!というエラー内容でした。 そこで、表示している「home」の中身を全部消して公開⇨ダメ このhomeが使っているテンプレート「bootstrap」の中身は…と見てみると、 なぜかhtml形式で書くはずのテンプレートの中身に\nやら\やらが沢山記載されている。 マジなんなの 内容から\nと\をdreamweaverで検索置き換えで全消しして、bootstrapのテンプレートに戻して保存。 あら不思議。ホームページが問題なく表示されました! なぜこの様な感じになったのかはわかりませんが、同じ様な現象になった方のために残します。 MODX:バージョン1.0.25J サーバー:xserver DB:mariaDB php:7.4.28

iMacのwifi接続で「wifi 安全性の低いセキュリティ」と表示されてネットが繋がらない

 新しくiMacを購入して設定中、モバイルルーターに接続し、ネットを使用していたのだが、OSアップデートをした後に急にネットに繋がらなくなり、色々調べた結果解決しました。 OS:macOS Monterey バージョン:12.4 ■試したこと ・再起動 ・Option+wifiマーククリックでネットワーク診断 ・DNSをgoogle(8.8.8.8)に設定 ・iPhoneからテザリング ・Wi-Fi接続情報削除 ■結果 直前にインストールしたESETが悪さしていました。 この状態になるとどうにもならないので、 環境→ネットワーク→ESET Firewall 自体を削除し、PC再起動。 そしてESETを上書きインストールして、無事解決。 ネットワーク診断中に 「Wi-Fi」と「ESET」の順番が一瞬入れ替わったりしていて、怪しいのはESETとわかりました。 そしてESETの設定画面を開こうにもネットに繋がっていなかったのでなにも出来ずでしたが、PC初期化せずに済みました…! まだほぼ初期状態だったから良いとしても、なんだかんだタッチパッドの設定など細かくいじっていたので最初からやり直すのは面倒だな、と思ってました。 とにかく、良かったよかった!

このブログの人気の投稿

Dreamweaver(ドリームウィーバー)でコピーができない。ペーストができない。

wordpressのtwentyseventeenのヘッダー画像サイズを統一する

Dreamweaverでhtmlタグを綺麗にする設定(ソースコードのフォーマット)