Greasy Fork

Greasy Fork is available in English.

即梦AI图片生成提示词输入框优化

修改即梦AI图片生成输入区域高度

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         即梦AI图片生成提示词输入框优化
// @namespace    http://tampermonkey.net/
// @version      0.2.1
// @description  修改即梦AI图片生成输入区域高度
// @author       [email protected]
// @match        *://jimeng.jianying.com/ai-tool/image/generate
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    GM_addStyle(`
        /* 图片生成输入框 */
        #image-input-drag-content {
            height: auto !important;
        }
        /* 视频生成输入框 */
        .inputWrap-R_YEqD .input-pNZvb5 {
            max-height: 1000px !important;
        }
        /* 数字人输入框 */
        .lv-textarea.text-area-PkdMz4 {
            resize: none !important; /* 禁用手动调整 */
            min-height: 40px !important; /* 设置最小高度 */
            overflow-y: hidden !important; /* 隐藏滚动条 */
        }
        .text-input-D2QuFA {
            height: auto !important;
        }
        /* 音乐生成输入框 */
        .audioInputEditor-geWIGo .editor-XkGvbj,.audioInputEditor-cpgXmB .editor-ay1h5m {
            max-height: 1000px !important;
        }
    `);

    // 动态调整 textarea 高度
    function adjustTextareaHeight(textarea) {
        textarea.style.height = 'auto'; // 先重置高度
        textarea.style.height = (textarea.scrollHeight) + 'px'; // 设置新高度
    }

    // 监听 textarea 输入事件
    function setupAutoResizeTextarea() {
        const textarea = document.querySelector('.lv-textarea.text-area-PkdMz4');
        if (textarea) {
            // 初始调整高度
            adjustTextareaHeight(textarea);

            // 监听输入事件
            textarea.addEventListener('input', function() {
                adjustTextareaHeight(this);
            });

            console.log('数字人文本输入,已启用 textarea 自动高度调整');
        } else {
            console.log('数字人文本输入,未找到目标 textarea,可能未加载完成');
        }
    }

    // 如果页面是动态加载的,使用 MutationObserver 检测元素
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', setupAutoResizeTextarea);
    } else {
        setupAutoResizeTextarea();
    }

    // 如果页面是SPA(如Vue/React),可能需要延迟检测或监听DOM变化
    const observer = new MutationObserver(function(mutations) {
        if (document.querySelector('.lv-textarea.text-area-PkdMz4')) {
            setupAutoResizeTextarea();
            observer.disconnect(); // 找到后停止监听
        }
    });

    // 监听整个 body 的子元素变化
    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
    console.log('即梦提示词输入框优化成功;作者:[email protected]');
})();