Get text between span editable tags, but not between non-editable spans

Use the JavaScript method "querySelectorAll" to select all span tags with the "editable" class, then loop through each editable span and extract the text content. If a non-editable span is encountered, skip it and continue onto the next editable span.

Related articles:

How to Extract Editable Text with JavaScript's Span Tags
JavaScript's span tags are a versatile and powerful feature that allow developers to extract editable text from HTML documents. This is useful when working with web applications that require user input such as online forms, comment sections, and messaging interfaces. The process of extracting editable text with span tags can be achieved using a few simple steps.

A Beginner's Guide to Parsing Editable Span Text in HTML
When building a website, it is common to use HTML to provide a structure for the content. Within this structure, there may be editable text sections that need to be parsed and updated dynamically. In this guide, we will walk through the process of parsing editable span text in HTML.

Avoiding Non-Editable Content: Retrieving Text within Span Tags
The usage of non-editable content in web pages has become common in recent years. Non-editable content includes placeholders, data values, and metadata that cannot be modified by users. Such content elements are usually marked with span tags in HTML.