truyền đối tượng / JSON cho wp_localize_script

Tôi đã có một đoạn javascript hoạt động có chứa một đối tượng theo nghĩa đen. Nhưng tôi cần bản địa hóa nó và tôi đang cố gắng tìm ra cách viết lại nó để tôi có thể lấy wp_localize_script () để tích lũy nó và xuất định dạng chính xác.

Phiên bản không được bản địa hóa (không động) trông như thế này:

var layoyt_config = {
    'header'        : 1 
,   'footer'        : 1
,   'ls'            : {'sb1':1}
,   'rs'            : {'sb1':1,'sb2':1}
,   'align'         : 'center'
};  

Bây giờ, để có các giá trị được tạo bởi php (dựa trên một số wp_sinstall) tôi muốn sử dụng wp_localize_script, vì vậy tôi có thể lấy nó từ đó:

var layoyt_config = my_localized_data.layoyt_config;

Và để có được dữ liệu đó vào tài sản đối tượng đó, tôi nghĩ rằng tôi có thể làm điều này, nhưng rõ ràng là không:

$data = array(
    'layout_config' => {
        'header' : 1
    ,   'footer' : 1
    ,   'ls' : {'sb1': 1}
    ,    'rs' : {'sb1': 1,'sb2': 1}
    ,    'align' : 'center'
    }
);
wp_localize_script('my-script-handle', 'my_localized_data', $data);

Vì điều này sẽ gây ra lỗi phân tích cú pháp PHP, tôi đã cố gắng viết lại cú pháp json thành mảng, vì wp_localize_script sẽ chuyển đổi lại thành ký hiệu đối tượng, nhưng điều này cũng không hoạt động với tôi:

$data = array(
    'layout_config' => array(
        'header' => 1
    ,   'footer' => 1
    ,   'ls' => array('sb1'=>1)
    ,    'rs' => array('sb1'=>1,'sb2'=>1)
    ,    'align' => 'center'
    )
);
wp_localize_script('my-script-handle', 'my_localized_data', $data);

Và trong khi điều này chạy trơn tru qua trình phân tích cú pháp php, tôi không nhận được đầu ra mong đợi trong nguồn trang của mình, vì my_localized_data.layout_config trở thành Chuỗi "Mảng", đây là đầu ra:

<script type='text/javascript'>
    /* <![CDATA[ */
    var wpkit_localized_data = {
    layout_config: "Array"
    };
    /* ]]> */
</script>

Vì vậy, .. Làm thế nào tôi có thể làm điều này (hoặc tôi phải chấp nhận rằng tôi phải 'san phẳng' đối tượng của mình thành các lọ rời rạc như:

lc_header = '1';
ls_ls_sb1 = '1';
etc...

Thật vậy, wp_localize_script()rất đơn giản , nó chỉ thêm các trích dẫn xung quanh các giá trị và thoát khỏi nội dung, hy vọng tất cả chúng là các chuỗi.

Tuy nhiên, có l10n_print_afterkhóa của mảng, sẽ được in mà không có bất kỳ sự can thiệp nào. Nó có thể được sử dụng để thực thi mã tùy ý sau khi các chuỗi được thông qua. Bạn có thể sử dụng nó để truyền dữ liệu bổ sung của bạn.

$data = array(
    'layout_config' => {
      'ls' : {'sb1': 1}
    }
);
$reshuffled_data = array(
    'l10n_print_after' => 'my_localized_data = ' . json_encode( $data ) . ';'
);
wp_localize_script('my-script-handle', 'my_localized_data', $reshuffled_data);

Bạn sẽ kết thúc với mã như thế này:

var my_localized_data = {}; // What is left of your array
my_localized_data = {'layout_config': {'ls': {'sb1': 1}}}; // From l10n_print_after

Tuyên bố miễn trừ trách nhiệm - Tôi không hiểu sâu về công cụ bảo mật JS ở đây.

Đầu tiên, để phù hợp với đầu ra mong muốn của bạn, bạn tắt theo mức lồng nhau. Tên đối tượng đi như tham số trong cuộc gọi nội địa hóa (thay vì khóa mảng):

$data = array(
        'header' => 1
    ,   'footer' => 1
    ,   'ls' => array('sb1'=>1)
    ,    'rs' => array('sb1'=>1,'sb2'=>1)
    ,    'align' => 'center'
);
wp_localize_script('my-script-handle', 'layout_config', $data);

Nhưng lsvà rsvẫn bị hỏng vì WP_Scripts->print_scripts_l10n()phương thức không xử lý trường hợp khi biến là mảng.

Tốt nhất tôi có thể đưa ra để khắc phục bộ lọc theo sau (như trên - không chắc sẽ an toàn đến mức nào khi sử dụng nó trong sản xuất, nhưng để đưa ra ý tưởng chung):

add_filter('js_escape','js_escape_nested', 10, 2);

function js_escape_nested($safe_text, $text) {

     if(is_array($text) )
         return str_replace( '"', "'", json_encode ($text) );

     return $safe_text;
}