Greasy Fork is available in English.

Split Text Content into Textareas for use in ChatGPT

Split text content of a webpage into parts, each containing 10 sentences, and place each part inside a textarea with a Copy button.

// ==UserScript==
// @name         Split Text Content into Textareas for use in ChatGPT
// @namespace    http://summarizebooks.sbs/
// @version      1.0
// @description  Split text content of a webpage into parts, each containing 10 sentences, and place each part inside a textarea with a Copy button.
// @author       Your Name
// @match        *://*/*
// @grant        none
// @license MIT
// ==/UserScript==

(function () {
    'use strict';

    const splitButtonStyle = `
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 9999;
        width: 24px;
        height: 24px;
        background-color: transparent;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    `;

    const textareaStyle = `
        width: 500px;
        height: 200px;
        margin: 10px 0;
        resize: vertical;
    `;

    const copyButtonStyle = `
        display: block;
        width: 100px;
        padding: 5px 0;
        margin: 20px;
        background-color: #4CAF50;
        color: white;
        text-align: center;
        cursor: pointer;
        border: none;
        border-radius: 5px;
    `;

    const splitTextContent = () => {
        const sentences = document.body.innerText.match(/[^.!?。！？]+[.!?。！？]+/g) || [];
        const chunks = [];
        let chunk = '';
        let chunkLength = 0;
    
        sentences.forEach((sentence) => {
            const trimmedSentence = sentence.trim();
            chunk += ' ' + trimmedSentence;
            chunkLength += trimmedSentence.length;
    
            if (chunkLength > 1000) {
                chunks.push(chunk);
                chunk = '';
                chunkLength = 0;
            }
        });
    
        if (chunk.length > 0) {
            chunks.push(chunk);
        }

        document.body.innerHTML = chunks.map(chunk => {
            return `
                <div style="display: flex; flex-direction: column; align-items: center;">
                    <textarea style="${textareaStyle}">${chunk}</textarea>
                    <span>Characters: ${chunk.length}</span>
                </div>
            `;
        }).join('\n');

        chunks.forEach((chunk, index) => {
            const escapedChunk = encodeURIComponent(chunk);
            const copyButton = document.createElement('button');
            copyButton.style.cssText = copyButtonStyle;
            copyButton.innerText = 'Copy';
            copyButton.addEventListener('click', () => {
                navigator.clipboard.writeText(decodeURIComponent(escapedChunk));
                copyButton.style.backgroundColor = '#3f51b5';
            });

            const textarea = document.querySelectorAll('textarea')[index];
            const charCounter = document.querySelectorAll('span')[index];

            textarea.addEventListener('input', () => {
                charCounter.textContent = `Characters: ${textarea.value.length}`;
            });

            document.querySelectorAll('div')[index].appendChild(copyButton);
        });
    };




    const createSplitButton = () => {
        const splitButton = document.createElement('button');
        splitButton.innerText = '✂️';
        splitButton.style.cssText = splitButtonStyle;
        splitButton.addEventListener('click', splitTextContent);
        return splitButton;
    };

    const splitButton = createSplitButton();
    document.body.appendChild(splitButton);

    document.querySelector('body.notion-body').style.overflow = 'auto';
})();