ウェブデザイナーの問題解決メモ

 Macbookproの13インチ、2016モデルを使用していますが、先日初めて覗き見防止シートを購入してみた。 上部がマグネット式になっていて、両面使用可能（グレア・アンチグレア）。 張り付きもいいし、画面を閉じるとキーボードのシートとちょっとぶつかって蓋は浮き気味になるが、ちゃんとスリープモードにも入ってくれる。 …と思っていたのだが、つけたまま画面を閉じてその翌日、画面の上部に妙な黒い影のような横線がどーんと！ VRAMリセットやSMCリセット、セーフモードでの立ち上げでも解消されず、 画面のスクリーンショットを撮っても黒い線は映らず。 Appleにチャットで問い合わせしたところ、残るはOSの再インストール…。 そこでいろんな記事を見ていたところ、この機種は修理プログラムの対象になっていたので、まずはジーニアスバーに行くことにした。 https://support.apple.com/ja-jp/13-inch-macbook-pro-display-backlight-service https://support.apple.com/ja-jp/keyboard-service-program-for-mac-notebooks 念の為シートを貼らずに土日放っておいたら、やはり画面が戻っている… 覗き見防止、どうしたらええの…

 modxのtemplateを何種類か作り、フロント画面でボタンを押すことでユーザーがテンプレートデザインを切り替える方法を探していたが結局見つからず、自作したのでメモします。 ■template templateに白ベース、黒ベースのhtmlを作成済み [2]black [3]white ■リソース画面にボタンを配置します。 [[changeTPL]] <!-- チャンクの呼び出し --> <form name="form" action="[~[*id*]~]" method="post"> <input type="submit" class="btn" name="subject" id="subject" value="白" /> <input type="submit" class="btn" name="subject" id="subject" value="黒" /> <input id="thisTPL" name="thisTPL" type="hidden" value="[*template*]" /> </form> ※フォームの内容をPOSTし、結果を同じ画面に返すことで反映させます。 ※hiddenで現在使用中のテンプレート番号も一緒に渡します。 ■チャンク // inputのidがsubjectのvalue値を取得 $post = $_POST['subject'];  //inputのidがthisTPLのvalue値を取得（テンプレート番号） $thisTPL = $_POST['thisTPL'];  //表示中のリソース番号を取得 $id = $modx->documentObject['id'];  //現在のテンプレートを取得し、切り替える if($thisTPL...

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

 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」→「設定」タブの 「Custom Parameters」のところに以下を入力して保存。 valid_elements : "*[*]" 書いてあるエレメント（タグ）全部有効にしろよ！という強制的なやつです