2012-03-09 1 views
3

foo foo foo ...이 이미지 옆에 정렬 되길 원하지만 bar bar bar ...fig.jpg과 정렬되지 않은 새 텍스트 블록을 시작합니다. 이것은 org-mode에서 특별한 구문으로 배열 될 수 있습니까?org-mode html 내보내기에서 강제 종료 텍스트/이미지 블록

#+ATTR_HTML: height="100" align="left" 
[[./img/fig.jpg]] 
foo foo foo ... 

bar bar bar ... 

새로운 섹션은 기본적으로 위의 그림으로 포장되어서는 안처럼

그냥 bar bar bar ... 예를 ** Section 2 또는 유사한 무언가를, 또 다른 섹션 제목도 때 추가하고 싶었 편집 것 같습니다 , 아마도 이것을 지정하는 org-syntax가 있을까요?

+0

그림 옆에 캡션을 쓰거나 그림 전체를 전체 텍스트로 묶으시겠습니까? – cm2

답변

2

HTML을 내보낼 때 이미지는 <div class="figure">...</div> 환경으로 래핑됩니다. org-mode #+ATTR_HTML: 정보는 <div> 내의 <img> 태그에 구체적으로 추가됩니다.

그림이 모두 "떠 다니게"되어 텍스트를 감쌀 수있게하려면 스타일을 HTML에서 사용하도록 수정해야합니다. 이 작업은 내 보낸 HTML 파일의 맨 위에 추가 된 기본 스타일 시트에서 수동으로 수행 할 수 있습니다. 더 나은 옵션은 .org 파일 자체에서 원하는 스타일을 지정하는 것입니다. 다음과 같음 :

#+STYLE: <style type="text/css"> 
#+STYLE:<!--/*--><![CDATA[/*><!--*/ 
#+STYLE: div.figure { float:left; } 
#+STYLE: /*]]>*/--> 
#+STYLE: </style> 

.org 파일의 시작 부분. 이렇게하면 모든 <div class="figure"> 요소의 스타일이 왼쪽에 떠 다니며 오른쪽에 텍스트가 배치됩니다. 그림 뒤의 다음 텍스트도 오른쪽으로 줄 바꿈되므로 <br style="clear:both;" /> 문과 같은 형식으로 스타일을 지우고 싶을 것입니다.

This worg 페이지에는 자막과 단어 줄 바꿈이있는 그림 배치에 대한 많은 정보가 있습니다. 더 자세한 정보가 있습니다.

+0

아, 나는 worg 페이지를 읽을 것이지만'
'구문의 중요성을 놓쳤습니다. 이것은 정확히 내가 원했던 것입니다. - 고마워요! – hatmatrix