【ベータ版改良】Charm.jsのspanタグ解除（7/4追記）

/**
 * 指定されたクラス名を持つspanタグを削除し、その子要素のTextNodeを親要素に移動する
 * - 再登録を反映できるようにするため、登録のための入力欄があるページでは動作しません
 * - spanタグが無いので、リロードなしでは復元系機能は基本的に動かなくなります
 */
class ElementRemover {
  // 削除対象のクラス名共通文字
  static targetClass = 'charmname';
   
  /**
   * プラグインの実行メソッド
   * @returns {ElementRemover} インスタンス
   */
  static run = () => {
    let instance = new ElementRemover();
    instance.start();
    return instance;
  }
  /**
   * コンストラクタ
   */
  constructor() {
    this.nameClass = Charm.nameClass;
  }
  /**
   * 入力タグが存在するかどうかをチェック
   * @returns {boolean} 入力タグが存在する場合はtrue、それ以外はfalse
   */
  hasSyncTags = () => {
    return document.getElementsByClassName(this.nameClass).length > 0;
  }
     
  /**
   * spanタグを削除し、親要素のテキストノードを一つに結合する処理を開始
   */
  start = () => {
    // 再登録をできるようにするため、入力タグが存在する場合は処理をしない
    if (this.hasSyncTags()) return;
    // 削除対象のspanタグを取得
    const elms = this.getSpanElms();
    // 親要素をセットにして一意に保持
    const allParents = new Set(elms.map(elm => elm.parentElement));
    // 各spanタグを処理
    elms.forEach(elm => {
      this.removeSpan(elm);
    });
    // 各親要素のテキストノードを結合
    allParents.forEach(parent => {
      this.combineTextNodes(parent);
    });
  }
   
  /**
   * spanタグを削除し、その子要素を親要素に移動
   * @param {HTMLElement} elm - 削除対象のspanタグ
   */
  removeSpan = (elm) => {
    const parent = elm.parentElement;
    // spanタグ内のテキストを取得
    const text = elm.textContent;
    // 親要素にテキストノードを追加
    parent.insertBefore(document.createTextNode(text), elm);
    // spanタグを削除
    parent.removeChild(elm);
  }
   
  /**
   * 親要素のすべてのテキストノードを一つに結合
   * @param {HTMLElement} parent - 親要素
   */
  combineTextNodes = (parent) => {
    let combinedText = '';
    const nodes = Array.from(parent.childNodes);
    const fragment = document.createDocumentFragment();
    nodes.forEach(node => {
      if (node.nodeType === Node.TEXT_NODE) {
        // テキストノードを結合
        combinedText += node.nodeValue;
      } else {
        if (combinedText) {
          // 結合されたテキストをフラグメントに追加
          fragment.appendChild(document.createTextNode(combinedText));
          combinedText = '';
        }
        // その他のノードをフラグメントに追加
        fragment.appendChild(node);
      }
    });
    // 残った結合テキストをフラグメントに追加
    if (combinedText) {
      fragment.appendChild(document.createTextNode(combinedText));
    }
    // 親要素の内容を新しいフラグメントで置き換え
    while (parent.firstChild) {
      parent.removeChild(parent.firstChild);
    }
    parent.appendChild(fragment);
  }
   
  /**
   * 対象のspanタグを取得
   * @returns {Array} 対象のspanタグの配列
   */
  getSpanElms = () => {
    const spans = document.getElementsByTagName('span');
    // 動的に正規表現を作成（部分一致）
    const regex = new RegExp(ElementRemover.targetClass, 'i');
    return Array.from(spans).filter(span => regex.test(span.className));
  }
}
// プラグインを追加
Charm.addPlugin("ElementRemover", ElementRemover);

<script src="charm.js"></script>
<script src="charm_plugins.js"></script>