
<!-- templates/admin/apps/articles/change_form.html -->
{% extends "admin/change_form.html" %}{% load static %}
{% block footer  %}
{{ block.super }}
<!-- 在页面底部添加 -->
<script src="{% static 'shared/js/pinyin-pro.js' %}"></script>
<script>
    django.jQuery(document).ready(function() {
    // 中文转拼音函数
    function chineseToPinyin(text) {
        const pattern = /[\u4e00-\u9fa5]/g; // 仅转换汉字
        return text.replace(pattern, function(match) {
            return pinyinPro.pinyin(match, { pattern: 'first' }).replace(/\s/g, '');
        }).toLowerCase();
    }

    // 绑定标题输入框事件
    django.jQuery('#id_name').on('blur', function() {
        const titleText = django.jQuery(this).val().trim();
        const pyField = django.jQuery('#id_slug');
        
        if (titleText) {
            // 延迟300ms避免连续触发
            setTimeout(function() {
                const pinyin = chineseToPinyin(titleText);
                pyField.val(pinyin);
            }, 300);
        }
    });

    // 防止拼音字段被手动修改
    //django.jQuery('#id_slug').on('focus', function() {
    //    django.jQuery(this).blur().prop('readonly', true);
    //});
});
</script>



{% endblock %}