스마트 에디터로 작성할 때 둥근 따옴표 사용

머리깨진다

1년 전 조회 2,299

텍스트 에어리어 내에서 작성하는 경우에는

Copy

function replaceText() {

      var replacedText = content.value;

     

      var replacementRules = [

        { find: /\?“/g, replace: "?”" },

        { find: /\!“/g, replace: "!”" },

        { find: /\.“/g, replace: ".”" },

        { find: /\?‘/g, replace: "?’" },

        { find: /\!‘/g, replace: "!’" },

        { find: /\.‘/g, replace: ".’" },

        { find: /\`/g, replace: "…" },

      ];



 

      var selectionStart = content.selectionStart; // 현재 포인터의 위치 저장

      var selectionEnd = content.selectionEnd;

 

      replacementRules.forEach(function (rule) {

        replacedText = replacedText.replace(rule.find, rule.replace);

      });


 

      content.value = replacedText;

      content.setSelectionRange(selectionStart, selectionEnd); // 포인터 위치 복원

      }

 

     

    document.getElementById("content").addEventListener("input", function () {

      replaceQuotes();

      replaceText();

    });

위와 같은 코드를 사용해서 곧은 따옴표를 둥근 따옴표로 바꿔서 사용할 수 있더라고요.

스마트 에디터2를 사용하는 게시판에서 작성하는 글은 모두 따옴표가 곧은 따옴표로 나오는데

어떻게 하면 여기에 작성 되는 따옴표를 둥근 따옴표로 바꿀 수 있을까요? ㅠㅠ

#그누보드5 #스마트에디터2

답변 2개

정렬:

머리깨진다

프로필 보기 이 회원 글보기 이 회원의 댓글보기

1년 전

자문자답 같아서 부끄럽네요

생각해보니 꼭 에디터에서 둥근 따옴표가 적용되어야 할 필요는 없겠더라고요.

그래서 작성 후 뷰페이지에서 볼 때 텍스트를 대치하는 것으로 문제를 해결하기로 했습니다.

Copy

document.addEventListener("DOMContentLoaded", function() {
    var contentDiv = document.getElementById('bo_v_con');
    if (contentDiv) {
        var content = contentDiv.innerHTML;

        // "와 '를 각각 “와 ‘로 대체
        var replacedText = content.replace(/"/g, '“').replace(/'/g, '‘');

        // 대체 규칙 배열
        var replacementRules = [
            { find: /\?“/g, replace: "?”" },
            { find: /\!“/g, replace: "!”" },
            { find: /\.“/g, replace: ".”" },
            { find: /\?‘/g, replace: "?’" },
            { find: /\!‘/g, replace: "!’" },
            { find: /\.‘/g, replace: ".’" },
            { find: /\`/g, replace: "…" }
        ];

        // 각 규칙에 대해 텍스트 대체
        replacementRules.forEach(function(rule) {
            replacedText = replacedText.replace(rule.find, rule.replace);
        });

        // 대체된 텍스트를 적용
        contentDiv.innerHTML = replacedText;
    }
});

로그인 후 평가할 수 있습니다