Count paragraphs in classic TinyMCE Editor

[ad_1]

Every time a ***<p>*** was created in TinyMCE, a number was added to the side, I tried to use the code below, but the function is not running after the full load of TinyMCE:

function addParagraphNumber() {
var paragraphs = document.querySelectorAll(‘.wp-editor p’);
paragraphs.forEach(function (*paragraph*, *i*) {
var span = document.createElement(‘span’);
span.classList.add(‘paragraph-number’);
span.textContent = (*i* \+ 1) + ‘. ‘;
*paragraph*.insertBefore(span, *paragraph*.firstChild);
        });
    }
    tinymce.on(‘init’, function () {
setTimeout(function () {
addParagraphNumber();
        }, 500);
    });
var editor = document.querySelector(‘.wp-editor’);
editor.addEventListener(‘keyup’, function () {
addParagraphNumber();
    });
});

Any ideas?

[ad_2]