PHPで配列に入力した文字の一部の色だけ変更する方法。

配列に入力した文字列の中で、一部の文字だけ色を変えたいのですが可能でしょうか？

「 'quession' => '次の選択肢のうちで誤っている物を選びなさい。',」
上の文で、「誤っている物」という部分だけを太文字にしたり、赤色に変えたりしたいのですが・・

PHP
1<?php
2$quiz => [
3  'quession' = '次の選択肢のうちで誤っている物を選びなさい。',
4  'answer' = ['①','②','③']
5  ];
6
7?>
8
9<!DOCTYPE html>
10<html lang="ja">
11<head>
12<body>
13　　<p>
14     <?= $quiz['quession'] ?>
15   </p>
16・
17・
18・

行動規範の内容に同意します

回答3件

ベストアンサー

このプログラム、そもそもPHPの構文間違いだらけですけど大丈夫ですか？

配列の定義が間違っています。

php
1$quiz = array(
2  'quession' = '次の選択肢のうちで誤っている物を選びなさい。',
3  'answer' = array('①','②','③')
4  );

ではなく

php
1$quiz = array(
2  'quession' => '次の選択肢のうちで誤っている物を選びなさい。',
3  'answer' => array('①','②','③')
4  );

PHPマニュアル：配列

添え字の書き方も間違ってます。

php
1<?= $quiz[quession] ?>

ではなく

php
1<?= $quiz['quession'] ?>

配列の値にアクセス

$も何もないquessionという文字列（正確には文字列じゃないけど）は「定数」というものになります。
そのような定数はおそらく宣言されていないので、下記のようなエラーが出るはずです。

** PHP Notice: Use of undefined constant quession - assumed ～～～ **

ソースコードもエラーもコピー&ペーストが基本です。
（でないと見ている人に本来は不要なはずの詮索を強いてしまいます）
もしコピー&ペーストしたものであれば、そもそも構文エラーが起きていないとおかしいので、
エラー表示がOnになっているか確認してください。なってなければOnにしてください。

[

画面にエラーを表示する](http://www.24w.jp/study_contents.php?bid=php&iid=php&sid=setting&cid=001)

どのような環境で実行されているか分かりませんが、前回質問でhtmlタグが入れられることが分かったはずなので、
実際に行いたい装飾を文字列内にhtmlタグを埋め込めば問題なく実現できることは分かったのではないでしょうか？

下記のようにすれば太字になりますし

php
1$quiz = array(
2  'quession' => '次の選択肢のうちで<strong>誤っている物</strong>を選びなさい。',
3  'answer' => array('①','②','③')
4  );

下記のようにして、spanに対してCSSを指定すればどのような装飾も可能となります。

php
1$quiz = array(
2  'quession' => '次の選択肢のうちで<span>誤っている物</span>を選びなさい。',
3  'answer' => array('①','②','③')
4  );

PHPが正しく動いているとしたらあとはHTML・CSSの問題です。

そういえば、前回質問にて配列定義を下記のようにするようにアドバイス受けていましたが、今回は忘れられていましたか？

php
1$quiz = [
2  'quession' => '次の選択肢のうちで誤っている物を選びなさい。',
3  'answer' => ['①','②','③']
4];

上で提示したPHPマニュアル：配列の「例1 シンプルな配列定義」の項に「PHP 5.4 ではこのようにも書けます」とあります（正確にはPHP5.4以降です。むしろ最近はarray()と書くことの方が少ないです）

PHP側でやっていることは画面に文字列を出力することであり文字の装飾などをしているわけではありません。
その文字列を出力する機能でhtmlタグを書けばブラウザから見ればhtmlなのでhtmlとして認識されるだけです。
正しくhtml出力できれば、あとはHTML・CSSの問題です。
この部分を念頭に置いていただくと表現の幅がグッと広がります。

投稿2018/06/26 00:27

編集2018/06/26 00:37