HTML 특수 문자 완벽 가이드

/* 공백 문자 동작 제어 */
.no-wrap {
  white-space: nowrap;  /* 줄바꿈 방지 */
}

.preserve-spaces {
  white-space: pre;     /* 공백 보존 */
}

.break-all {
  word-break: break-all; /* 강제 줄바꿈 */
}

/* 텍스트 간격 조정 */
.letter-spacing {
  letter-spacing: 0.1em; /* 글자 간격 */
}

.word-spacing {
  word-spacing: 0.2em;   /* 단어 간격 */
}

// HTML 엔티티를 일반 문자로 변환
function decodeHtmlEntities(text) {
  const textArea = document.createElement('textarea');
  textArea.innerHTML = text;
  return textArea.value;
}

// 예시 사용
const encoded = "안녕 하세요";
const decoded = decodeHtmlEntities(encoded);
console.log(decoded); // "안녕 하세요"

// 특수 공백 문자 삽입
function insertNonBreakingSpace(element) {
  element.innerHTML = element.innerHTML.replace(/ /g, ' ');
}

// 소프트 하이픈 자동 삽입
function addSoftHyphens(text, maxLength = 10) {
  return text.replace(new RegExp(`(.{${maxLength}})`, 'g'), '$1­');
}