PHP: после json_encode, в js летят &quot?

Question

[Svjatoslav Torn]

2 часа "*екса" и гугла не увенчались успехом.
Готовлю данные для ChartJS, массив данные формирую в контроллере (laravel) и отправляю во view где и инийиализирую ChartJS
Код контроллера:

foreach ($report_current as  $stock) {
                if(empty($stock['statistic'])) continue; //У стока нет статистики
                foreach ($stock['statistic'] as $report) {
                    $activity['sale_current'] += $report['order'];
                    $activity['money_current'] += $report['money'];
                    $activity['chart_labels'][] = $stock['name_stock'];
                    $activity['sale_chart_data'][] = $report['order'];
                    $activity['money_chart_data'][] = $report['money'];
                    $activity['chart_colors'][] = $stock['color_stock']; //Разобраться с quot
                    //var_dump($sale);die;
                }
            }

$stock['color_stock'] хранится в бд как строка - #323546
Ок, отправил, так как $activity['chart_colors'] это массив с массивами, я привожу его к JSON строке
(вся эта лапша для наглядности)

$bc = $activity['chart_colors'];
    $bc = json_encode($bc);
    //$bc = implode(',', $bc);
    //$bc = json_encode($activity['chart_colors'], JSON_HEX_QUOT);
    //$bc = preg_replace('"', 'zaeb', $bc);
    //$bc = preg_quote($bc);
    // $bc = htmlentities($bc);
    //$bc = htmlspecialchars_decode($bc);
    //var_dump($bc); die;

Потом вставляю данные в JS

var ctxx = document.getElementById('pie').getContext('2d');
    var myDoughnutChart = new Chart(ctxx, {
        type: 'pie',
        data: {
            datasets: [
            {
                data: {{ json_encode($activity['sale_chart_data']) }},
                backgroundColor: {{$bc}} -- сюда
                ,
            }]
        },
        options: {  
            responsive: true,
            maintainAspectRatio: false,
        }
    });

И JS не может распарсить скрипт из за: Uncaught SyntaxError: Unexpected token '&'.
так выглядит сформированный JS в консоли

datasets: [
            {
                data: [545,56,76,55,33],
                backgroundColor: ["#ff0000","#00ff00","#9bfc94","#a99dcc","#eeb363"]
                ,
            }]

А чтобы все было ОК надо вид такой: ['#453545','#5453545'] - и т.д.
Что делал:
1) preg_quote()
2) preg_replace()
3) htmlspecialchars_decode() и флаги ставил
4) Пробовал implode() и конкатенацию с кавычками чтобы получить просто нужную мне строку.

Такое ощущение что в PHP переменной этих спец символов нет, а при переходе в JS все КАВЫЧКИ преобразуются в спец символы.

Comments

[AUser0]

echo(json_encode(array("#1", "#2")));
// ["#1","#2"]

Дайте var_dump($bc);

P.S. А может это результат обработки {{$bc}}, я имею ввиду именно {{ }}. Впишите на пробу $bc="111\"222";.

[nokimaro]

Подтверждаю.
Дайте вывод

$bc = $activity['chart_colors'];
var_dump($bc);

$bc = json_encode($bc);
var_dump($bc);

exit;

[Svjatoslav Torn]

nokimaro,

string(51) "["#ff0000","#00ff00","#9bfc94","#a99dcc","#eeb363"]"

После json encode и до

array(5) { [0]=> string(7) "#ff0000" [1]=> string(7) "#00ff00" [2]=> string(7) "#9bfc94" [3]=> string(7) "#a99dcc" [4]=> string(7) "#eeb363" }

Answer 1

[nokimaro]

backgroundColor: {!! $bc !!}

https://laravel.com/docs/5.5/blade#displaying-data

Comments

[Svjatoslav Torn]

Oooh my god, я так ничего и не понял, че произошло, но заработало сразу:) Спасибо.

[nokimaro]

Svjatoslav Torn, ларчик то просто открывался, но гугл явно остался доволен кексом с автором.

Экранирование кавычек было в шаблонизаторе (Blade) и всё что было нужно для решения проблемы, это вывести переменную без экранирования через {!! ... !!}

В документации по ссылке всё это написано. Для простоты понимания {{ $bc }} всегда отрабатывает как
echo htmlspecialchars($bc, ENT_QUOTES);

Answer 2

[Svjatoslav Torn]

Спасибо, пользователю nokimaro.
Закреплю здесь кусок документации.

По умолчанию весь выводимый контент экранируется, т.е. 
все элементы и сущности HTML показываются как есть, вместо того, 
чтобы обрабатываться браузером. 
Если вы не хотите, что бы данные экранировались, используйте следующий синтаксис:

Hello, {!! $name !!}.

Comments

[Кирилл Несмеянов]

Не понятно только зачем, если это всё и так есть в документации.

Которую, к слову, принято обычно читать перед тем как что-то писать не понимая даже как это работает...