확장변수에 \n 나 ** 을 처리하고 싶어요. 도와주세요

확장 변수로 텍스트가 입력되어 있는데, \n 이나 ** 등이 포함되어 있습니다.

이걸 본문에서  {$oDocument->getExtraEidValue('key_sentence')} 이렇게 출력하는데

\n 은 줄바꿈, **로 둘러싸인 텍스트는 bold 처리하기 위해서,

<script>
        document.addEventListener("DOMContentLoaded", function() {
            // 특정 요소의 \n을 <br>로 바꾸는 함수
            function replaceNewlinesInElement(element) {
                // 요소의 자식 노드들을 순회
                element.childNodes.forEach(function(node) {
                    // 텍스트 노드일 경우 \n을 <br>로 변환
                    if (node.nodeType === Node.TEXT_NODE) {
                        const replacedText = node.textContent.replace(/\n/g, '<br>');
                        const newNode = document.createElement('span');
                        newNode.innerHTML = replacedText;
                        node.replaceWith(newNode);
                    }
                });
            }

            // 모든 .model_answer_details-content 요소들에 적용
            const elements = document.querySelectorAll('.model_answer_details-content');
            elements.forEach(function(element) {
                replaceNewlinesInElement(element);
            });
        });
    </script>

이렇게 해봤는데 전혀 안먹혀요.

도와주세요 ㅠ.ㅠ