
<!-- 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>

getintro_btn_html=`<div style="padding: 1rem 0;"><a id="getIntro" class="btn" style="background: var(--button-bg);padding: 10px 15px;border: none;border-radius: 4px;color: var(--button-fg);cursor: pointer;transition: background 0.15s;margin: 1rem;display: block;">生成简介</a></div>`
django.jQuery('#id_intro').after(getintro_btn_html)
django.jQuery('#getIntro').on('click', function() {

    
    // 处理纯文本
    const plainText = django.jQuery(".ck-content").text()
        .replace(/\s+/g, ' ')
        .trim();
        
    // 截取并处理结果
    const finalIntro = plainText.replace(/^\s*/, '').substring(0, {{summary_length}}-3)
        .replace(/[\s.,;!?]*$/, '')
        .concat(plainText.length > {{summary_length}}-3 ? '...' : '');
    console.log(finalIntro)
    // 显示结果（这里使用新创建的显示区域）
    django.jQuery('#id_intro').val(`${finalIntro}`);
});

</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_title').on('blur', function() {
        const titleText = django.jQuery(this).val().trim();
        const pyField = django.jQuery('#id_py_title');
        
        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 %}