리치 텍스트 편집기를 사용할 때 블로거가 <br> 대신 <p> 태그를 삽입하도록하려면 어떻게해야합니까?


10

Blogger에서 리치 텍스트 편집기를 사용하는 방법이 마음에 들지 않고을 대신 Enter삽입 <br >합니다 <p>. 행동을 바꿀 수있는 방법이 있습니까? 또는 적어도 <p>HTML 탭으로 전환하지 않고 삽입하는 방법이 있습니까?

그건 그렇고, 초안 에서 Blogger를 사용 하고 있습니다. 나는 이전 편집자와 새로운 편집자를 모두 시도했다. Press "Enter" for line breaks대신에 사용하면 Use <br /> tags도움 이 되지 않습니다.

나는 또한 Convert Line breaks다음과 같이 비활성화를 시도 했다.

예를 선택하면 게시물 편집기에 입력 한 단일 하드 리턴이 <br />블로그에서 단일 태그 로 대체 되고 두 개의 하드 리턴이 두 개의 태그 ( <br /><br />) 로 대체됩니다 .


당신이 두 배 줄 바꿈을 제거하려는 경우 못생긴 해결 방법은,하지만 두 번째 숨길 수 <br/>와 같은 CSS의 규칙 br+br {display: none}​테마 > HTML 편집은 어디에서 스타일의 무리 찾을 수 있습니다<head><b:skin><![CDATA[...
ccpizza

답변:


10

이 동작은 구성 할 수 없습니다. 현재 편집기, 초안 편집기 및 "이전"편집기는 P 태그를 사용해야 할 때 BR 및 DIV 태그의 조합을 사용합니다.

그것은 결정을 흔들리는 마음이며, 완전히 잘못되었습니다. Blogger에서 단락 렌더링에 일관성이없는 많은 문제에 대해 설명합니다. 아마도 IE에서는 작동하지만 Chrome 및 Safari와 같은 웹킷 브라우저에서는 일관되게 작동하지 않습니다.

최신 편집기는 두 개의 연속 BR 태그를 삽입하지만 이전 태그는 단일 DIV와 단일 BR을 삽입 한 것으로 생각합니다.

Microsoft의 Windows Live Writer 는 위에서 언급 한대로 올바르게 작동합니다. OS X 용 MarsEdit의 일관성이 떨어집니다. Blogger에서 작성한 게시물로 시작하면 태그 혼란이 생깁니다.

나는 너의 고통을 느낀다.


그러나 Live Writer는 기존 게시물을 편집 할 수 있습니까? 나를 포함한 많은 사람들이 기사 게시, 읽기 및 연마를 좋아하기 때문에.
Gqqnbig 2012

4

방금 HTML 탭으로 전환하는 대신 p- 태그가 포함 된 블로그 게시물을 게시하면 p- 태그가 그대로 유지됩니다.

예:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. HTML보기로 이동
  2. 위의 코드를 입력하십시오.
  3. 게시 버튼을 클릭하십시오.

HTML 탭에서 코드를 보려고하면 p-tag가 div-tag로 바뀝니다.



0

Blogger를 사용하여 구성 할 방법이 없습니다.

그러나 내가 깨달은 것은 이것이 jQuery로 수행 할 수 있다는 것입니다.

이렇게하려면 템플릿 영역으로 이동하여 "HTML 편집"을 클릭해야합니다. 를 검색하십시오 /body. 바로 위에 삽입 한 <script src="http://code.jquery.com/jquery-1.10.1.min.js">다음을 삽입하십시오 <script></script>. 지금 가지고있는 것은 다음과 같아야합니다.

some code
<script src='http://code.jquery.com/jquery-1.10.1.min.js'/>
<script>

This is where the jQuery calls will go.

</script>
&lt/body&gt;
some more code

이 페이지에서 적절한 jQuery 호출을 파악하여 원하는 작업을 거의 정확하게 묻는 예를 제공합니다. 이 예제는 아래에서 복사되었습니다 ( http://api.jquery.com/contents/ ).

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

.contents()이 텍스트를 세 개의 잘 구성된 단락으로 변환하는 데 도움이 되는 방법을 사용할 수 있습니다 .

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

물론 위의 내용을 약간 변경하여 작동해야합니다. 그러나 나는 당신이 알아낼 수 있도록 떠날 것입니다. :-)

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.