Remark: `wrapLines`는 일부 코드 강조 표시를 중단합니다. 수정 포함

여기서 wrapLines 는 \n 의 코드 내용을 분할하고 형광펜이 한 줄에서 <span> 를 열고 닫을 때까지 닫지 않는 경우 <div> 로 래핑합니다. 다음 줄에서 브라우저는 첫 번째 div의 범위를 자동으로 닫고 두 번째 줄은 스타일을 상속하지 않습니다. 이로 인해 코드 형식이 깨진 것처럼 보입니다. Highlight.js의 문제라고 생각하여 #444에서 볼 수 있는 것처럼 프리즘으로 전환했지만 지속되었습니다.

https://github.com/gnab/remark/blob/868781c84457bd1f0e0c1ee657423136fdbe3c75/src/remark/views/slideView.js#L281 -L292

highlightBlock 재정의에서 이것을 선점하고 줄 끝에서 닫고 다음 줄 시작 부분에서 다시 열어 문제를 해결했습니다. 이를 달성하기 위한 ES6 코드는 다음과 같습니다.

function parseLanguage(lang) {
  return {
    js: 'jsx',
  }[lang] || lang;
}
remark.highlighter.engine.highlightBlock = block => {
  const language = parseLanguage(block.className.split(" ")[0]);
  const prismLang = Prism.languages[language];
  if (prismLang) {
    block.parentNode.className = `${block.parentNode.className} language-${language}`;
    const html = Prism.highlight(block.textContent, prismLang);



    const lines = html.split(`\n`);
    let currentSpan = null;
    for (var i = 0; i < lines.length; i++) {
      let line = lines[i];
      if (currentSpan) {
        line = currentSpan + line;
        currentSpan = null;
      }
      const openTags = [];
      const re = /(<span[^>]*>|<\/span>)/gi;
      let matches;
      while ((matches = re.exec(line)) != null) {
        const tag = matches[1];
        if (tag[1] === '/') {
          openTags.pop();
        } else {
          openTags.push(tag);
        }
      }
      currentSpan = openTags.join('');
      line = line + ('</' + 'span>').repeat(openTags.length);
      lines[i] = line;
    }
    block.innerHTML = lines.join('\n');



  } else {
    console.warn(`Language '${language}' not supported?`)
  }
};

const lines = html.split... 에서 lines.join('\n') 까지의 부분을 wrapLines 함수에 직접 통합하는 것을 고려하시겠습니까?