VueJS에서 사용자가 제출한 문자열에서 선행 및 후행 따옴표 제거

Question

데이터가 미리 채워진 양식이 포함된 VueJS 애플리케이션이 있습니다. textarea 요소에는 UI에 표시된 일부 데이터가 포함되어 있습니다

참고: (죄송합니다. 아직 스크린샷을 첨부할 수 있는 담당자 포인트가 부족합니다.):

따옴표가 포함된 UI 텍스트 영역 요소의 스크린샷

백엔드가 데이터를 제공하는 방식을 수정할 수 없습니다.

그렇다면 문자열에서 첫 번째와 마지막 따옴표를 제거하는 좋은 방법이 있을까요? 사용자가 따옴표를 추가하는 경우 내부 텍스트를 건드리고 싶지 않습니다.

'Hello World,welcome to "fooWorld!"'의 예상 출력은 Hello World,welcome to 'fooWorld!'

이어야 합니다.

SPA에서 데이터를 사용하는 실제 사례는 다음과 같습니다.

data() {
    return {
        entryNotes: this.post.entryNotes  //<--- this is the data I need to format
    }
}

Answer 1

빠른 정규식을 사용하여 여는 따옴표와 닫는 따옴표를 제거하는 방법은 무엇입니까?

으아아아

첫 번째 정규식은 문자열의 시작 부분(^로 표시)을 찾은 다음 따옴표를 찾습니다. 두 번째 정규식은 따옴표를 찾은 다음 문자열의 끝을 찾습니다(문자열의 끝은 $로 표시됨).

다음과 같이 할 수도 있습니다:

으아아아

이것은 "가 뒤에 오는 문자열(^)의 시작을 찾습니다. 그러나 ?는 선택 사항으로 만듭니다. 그런 다음 대괄호는 .+를 캡처합니다. 이는 무엇이든 일치한다는 의미입니다. 대괄호 끝 앞의 ?는 다음과 같은 경우 즉시 일치를 중지함을 의미합니다. 그런 다음 따옴표를 찾으라고 하는데 다음 물음표에 "아마도"라고 표시된 다음 문자열 끝($)을 찾습니다.