스택 오버플로 스타일 댓글 구현에 대한 아이디어

StackOverflow https://stackoverflow.com/questions/395286

문제

나는 스택 오버 플로우 댓글 UI를 많이 좋아하며 내 웹 사이트에서 같은 것을 구현하려고합니다. 나는 코드를 보았고 여기의 주요 도구는 WMD, jQuery와 함께 Textarea Resizer 지원 역할을 수행합니다.

WMD는 클라이언트 측에서 Markdown을 HTML로 변환합니다. 미리보기에 도움이되기 때문에 꽤 좋습니다. 그러나 서버로 보낼 때 도전에 도전합니다. 유효성 검사 오류가있는 경우 (사용자가 댓글 양식의 다른 부분에 유효하지 않은 이메일 주소를 입력했거나 이름을 입력하지 않았을 수도 있음), 서버는 오류 메시지와 양식을 레위시 플레이하여 응답합니다. 양식 필드는 미리 채워졌습니다. 서버가 Markdown을 보지 못했기 때문에 이제 주석 텍스트 만 Markdown이 아닌 HTML입니다. 그러나 나는 그것이 사용자가 입력 한 것이기 때문에 마크 다운이되기를 원합니다.

여기에 아이디어가 있습니까?

다양한 아이디어를 고려했습니다.

  • 서버 측을 수행하십시오 HTML-MARKDOWN 변환. 이 아이디어에 대해 그다지 흥분하지 않습니다. Hokey는 Markdown에서 HTML로 다시 Markdown으로 변환하는 것처럼 보이며, 사용자로서 소프트웨어가 내 텍스트/코드를 재구성 할 때 항상 자극적입니다.
  • 클라이언트 측 유효성 검사 (물론 유지하는 서버 측 유효성 검사를 보강하기 위해). 현재 내 주석 양식에서 recaptcha를 사용하고 있지만 합리적인 방향처럼 보이므로 적어도 Recaptcha 부분을 서버에 게시해야합니다.
  • WMD를 잃고 사용합니다 Markdownj 서버에서 마크 다운을 HTML로 변환합니다. 보관하고 싶은 미리보기 기능을 달성하기위한 다른 메커니즘을 찾아야합니다.

이상적으로는 텍스트의 Markdown 버전을 접수하여 HTML 외에 서버에 제출할 수있는 방법이 있지만, 그것이 실질적인 가능성인지 알기에는 JavaScript 사람이 충분하지 않습니다.

모든 제안에 감사드립니다.

도움이 되었습니까?

해결책

이 질문 참조 : WMD에서 편집하기 위해 HTML을 Markdown으로 다시 변환하십시오 (오른쪽 NAV의 "관련"상자에 대한 예).

다른 팁

유효성 검사가 통과 될 때 데이터를 Markdown으로 보내고 서버가 HTML로 변환하도록합니다. WMD에는 서버로 보내는 데이터 형식을 지정할 수있는 옵션이 있습니다. 그냥 추가하십시오 

wmd_options = {
        //Markdown or HTML
        output: "Markdown"
    };

WMD에 호출하기 전에

나는 wmd를 cursory 수준에서만 보았지만 Textarea를 서버에 제출하는 것은 꽤 직접적으로 보인다. 내가 이해했듯이 TextArea에는 마크 업이 포함되어 있으며 WMD는 페이지의 다른 부분에 표시되도록 HTML로 변환합니다. 제출 된 양식에 TextRea를 포함 시키면 서버 측에서 볼 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top