php - 如何将 css 代码存储在与 Javascript 一起使用的 php 变量中

Question

我正在开发一个产品，我将提供的选项之一是能够从可靠来源(例如 ColorZilla)复制和粘贴您自己的 CSS 渐变代码。 .

如何将此类代码保存在 PHP 对象中(用作默认设置)并在 javascript/jquery 代码中输出它，同时保留代码的编程意义。我试过使用“addslashes()”无济于事。

目前，我有:

$default_options = array(
        'header_wrap_grad'          =>          '
                                            background: rgb(169,3,41); /* Old browsers */
                                            background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
                                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
                                            background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
                                            background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
                                            background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
                                            background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#a90329\', endColorstr=\'#6d0019\',GradientType=0 ); /* IE6-9 */
                                            ',

然后在我得到的标签中:

$('#header-wrap-grad').attr('value', '<?php echo addslashes($default_options['header_wrap_grad']); ?>');

#header-wrap-grad 是我试图用变量中的 css 代码填充的文本区域。但是，这是行不通的。当我尝试回显变量时，我收到此错误“意外标记:”。

有人能给我指出正确的方向吗？

谢谢。

Answer 1

你正在创建一个 JavaScript 字符串，所以使用 json_encode(并且没有周围的引号):

$('#header-wrap-grad').attr('value', <?php echo json_encode($default_options['header_wrap_grad']); ?>);