Text in Textarea mit wysiwyg-Editor automatisch ersetzen

Code:

document.addEventListener('DOMContentLoaded', function() {

    const ersetzenButton = document.getElementById('steckbrief-ersetzen-button');

    const meldungDiv = document.getElementById('ersetz-meldung');

    const steckbriefEingabe = document.getElementById('steckbrief-eingabe-cp');

    const quellcodeEditor = document.querySelector('textarea[id="steckbrief-cp"]');

    ersetzenButton.addEventListener('click', function() {

        if (!quellcodeEditor) {

            alert('Quellcode-Editor nicht gefunden. Bitte stelle sicher, dass du dich im Quellcode-Modus befindest.');

            return;

        }

        const neuerSteckbrief = steckbriefEingabe.value;

        const startZeile = neuerSteckbrief.split('\n')[0]; // Erste Zeile aus der Eingabe

        const startMarker = startZeile.substring(0, startZeile.indexOf('</div>[/size][/b]') + '</div>[/size][/b]'.length); // Bis zum Ende des ersten Div

        const endMarker = '</td></tr></table>';

        const quellcodeInhalt = quellcodeEditor.value;

        const startIndex = quellcodeInhalt.indexOf(startMarker);

        if (startIndex === -1) {

            alert('Start des Steckbriefcodes nicht im Quelltext gefunden.');

            return;

        }

        const endIndex = quellcodeInhalt.indexOf(endMarker, startIndex);

        if (endIndex === -1) {

            alert('Ende des Steckbriefcodes nicht im Quelltext gefunden.');

            return;

        }

        const neuerInhalt = quellcodeInhalt.substring(0, startIndex) + neuerSteckbrief + quellcodeInhalt.substring(endIndex + endMarker.length);

        quellcodeEditor.value = neuerInhalt;

        meldungDiv.style.display = 'block';

        setTimeout(function() {

        meldungDiv.style.display = 'none';

        }, 3000);

    });

});

Code:

<!-- Neuen Textfenster, Button und Popup für automatisches Einfügen -->

            <br/> 

<div id="steckbrief-tools">

               <textarea id="steckbrief-eingabe-cp" rows="5" cols="60" placeholder="Hier den kopierten Steckbriefcode einfügen"></textarea><br>

               <button id="steckbrief-ersetzen-button" type="button">Steckbrief einfügen & ersetzen</button>

               <div id="ersetz-meldung" style="display:none; margin-top: 10px; color: green;">Erfolgreich!</div>

               <textarea id="steckbrief-cp" rows="5" cols="60" placeholder="Textbox"></textarea><br>

           </div>

<!-- Neues Script für automatisches Einfügen -->

<script src="/mybb/steckbrief_tools.js"></script>