나는 reactjs에 대한 학습자입니다, 나는 시작과 끝 인덱스를 기반으로 선택된 텍스트에 들여 쓰기를 수행하려는 텍스트 편집기를 만들려고합니다.내장 된 마크 다운 태그에 스타일을 적용하는 방법은 무엇입니까?
내가 할 수있는 선택한 텍스트를 얻고, 내가 대담을 위해 **처럼 표시 패키지를 사용하여 굵게, 기울임 꼴을 적용 할 수 있으며, _ 기울임 등을 위해 ...하지만 난 텍스트 정렬, 텍스트 장식 같은 스타일을 적용 할 수 없습니다 표시된 태그에 대해
표시된 태그에 어떻게 스타일을 적용 할 수 있습니까? 나는 어떻게해야합니까? 다른 방법이 있습니까?
생성 된 HTML의 스타일을 지정하려면 CSS 규칙을 정의해야합니다. 스타일을 단락 (또는 단락의 하위 집합)에만 적용하려면 Markdown에서 원시 HTML을 사용하여 단락에 클래스를 정의하거나 적어도 인라인 스타일을 정의해야합니다.
원래 syntax rules 상태로서 (강조 추가)
마크 다운의 구문은 하나 개의 목적을 위해 의도 웹용 기록을위한 포맷으로 사용된다.
Markdown은 HTML을 대체하거나이를 대체 할 수 없습니다. 구문은 매우 작아서 HTML 태그의 매우 작은 하위 집합에만 해당합니다. HTML 태그를 쉽게 삽입 할 수 있도록 구문을 작성하지 않는 것이 좋습니다. 제 견해로, HTML 태그는 이미 쉽게 삽입 할 수 있습니다. Markdown에 대한 아이디어는 산문을 읽고 쓰고 편집하기 쉽도록 만드는 것입니다. HTML은 게시 형식입니다. Markdown은 쓰기 형식입니다. 따라서 Markdown의 서식 지정 구문은 일반 텍스트로 전달할 수있는 문제 만 해결합니다..
Markdown의 구문에서 다루지 않는 마크 업의 경우 HTML 자체 만 사용하면됩니다.
Markdown은 "게시 형식"이 아니므로 스타일/레이아웃의 방법을 제공하면 텍스트가 Markdown의 범위를 벗어납니다. 즉, 원시 HTML (HTML은 게시 형식)을 포함 할 수 있으므로 불가능하지 않습니다.
.indent {
padding-left: 4em;
}
는 그런 다음 단락에 해당 클래스를 할당하는 원시 HTML을 사용할 수 있습니다 : 당신이 CSS에서 정의 된 일부 스타일이있는 경우,
<p style="padding-left:4em">A paragraph which is indented.<p>
또는 예를 들어, 다음 원시 HTML은 문단을 들여 쓰기합니다 :
<p class="indent">A paragraph which is indented.<p>
이 방법은 규칙에 따라, 마크 다운 텍스트를 블록 레벨 원시 HTML 태그 안에 처리되지 않고 있다는 점이다 그 일의 단점. 즉, 링크와 굵게 기울임 꼴 텍스트도 원시 HTML 형식이어야합니다.
또 다른 가능성은 원래 마크 다운의 Markuru 구현에 의해 도입 이후 afewothers에 의해 채택 나열이 아닌 표준 속성을 사용하는 것입니다 (더있을 수 있습니다,하지만 난이 네 만 알고 있어요). 이 경우 클래스를 Markdown 단락에 할당하고 (원시 HTML이 필요 없음) CSS를 사용하여 클래스의 레이아웃을 정의 할 수 있습니다. 그러나 실제로 비표준 기능을 실제로 지원하는 몇 가지 구현 중 하나를 사용해야하며 문서가 더 이상 다른 시스템으로 이식 할 수 없습니다.