WMD 편집기, 레일, 나침반 : 생성 된 Markdown 코드를 HTML로 읽고 '리치 텍스트'로 표시하는 방법은 무엇입니까?

Question

WMD가 내 앱과 잘 어울리는 것을 아주 좋아합니다. 그러나 하나의 문제가 있습니다.

기본적으로 콘텐츠를 편집하여 데이터베이스에 마크 다운으로 저장합니다. 그런 다음 Kramdown을 사용하여 뷰에 대한 HTML을 가져옵니다. 그러나 Kramdown 내 브라우저에서 읽을 수없는 HTML 태그를 가져옵니다. Chrome을 사용합니다.

사용자가 입력 한 경우에도 평이한 텍스트가 표시됩니다. 굵게, 기울임 꼴, 코드 등.

기본 아이디어는 생성 된 HTML을 HTML 및 '리치 텍스트'로 읽는 것입니다. (I 가정)

... "<p> ...<em>..</em>.. </p>"

이 따옴표는 따옴표 후 정말 HTML 코드를 숨길 수 : 출력 소스를 검사

는

, I는 다음과 같이 소개 나는 Kramdown::Document.new(text).to_html을 사용하는 경우 몇 가지 ""따옴표가있는 것을 발견

그리고 위생과 함께 따옴표는 사라졌습니다 : <p> ...<em>..</em>.. </p>하지만 일반 텍스트로 끝납니다.

무엇이 여기에 있습니까? 브라우저에서 내가 굵게 표시되거나 기울임 꼴, 문단, 이미지 등이 표시되도록 할 수 있습니까?

HMTL 변환기에는 kramdown 또는 이와 유사한 마크 다운을 사용해야합니까?

고맙습니다.

UPDATE

내 스타일에 대한 나침반을 사용합니다. 나침반을 제거하면 WMD 편집기가 제대로 작동합니다. 몇 가지 이유로, compass는 내 application.html.erb 파일에 'test text'를 포함하여 모든 스타일을 숨기지 만, .scss partials 파일로 생성 된 스타일은 숨겨져 있습니다. 예를 들어 내 application.html.erb 파일에 쓰여질 때 다음 코드는 굵게 표시되지 않습니다. <strong> test bold </strong>

왜 그런가?

Answer 1

해결책을 찾았습니다. 나는 .bp 클래스를 포함하는 무시했던 내 스타일 시트에서

body.bp { 
    @include blueprint-typography(true); 
    @include blueprint-utilities; 
    @include blueprint-debug; 
    @include blueprint-interaction; 
    // Remove the scaffolding when you're ready to start doing visual design. 
    // Or leave it in if you're happy with how blueprint looks out-of-the-box 
} 

:

문제는 발생 나침반 스타일은 다음 코드 세그먼트를 포함했다. 모두 좋았어.