2016-12-16 10 views
0

div contenteditable을 사용하여 문서 작성자를 만들고 싶습니다. 콘텐츠를 쓰고있을 때 자동으로 페이지로 표시되는지 여부를 알고 싶습니다.jquery Microsoft Word/Google 문서 도구 호출

제 아이디어는 대체 워드 프로세서를 만드는 것입니다. 내 연구에서

내가 콘텐츠 처음으로 포맷 정말 놀라운하지만 동적으로 작동 할 수 없습니다이 http://jsfiddle.net/LukeGT/Vtdgh/2/

을 발견했다.

내 기본 개념은 누군가가 나를 도울 수

<div contenteditable="true"> 
 
content here will be displayed as paged somehow :/ 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
<br> 
 
content here 
 
</div>

을 가지고 있었다?

답변

0

콘텐츠를 인쇄 할 때 페이지 구분선을 만들 수 있습니다. 이것이 무엇인지 완전히 모르는 경우 :

.page { page-break-before: always; } 

그런 다음 페이지 클래스에 페이지 요소를 연결하십시오. 이렇게하면 인쇄 할 때 별도의 페이지가 만들어집니다. 페이지 요소에 테두리를 추가하여 페이지에서 시각적으로 분리되도록 할 수 있습니다.

+0

내 아이디어는 http://jsfiddle.net/LukeGT/Vtdgh/2/와 동일한 효과를 가지지 만 다시 편집 할 때 예를 들어 단락을 추가하면 7 페이지 대신 8 페이지로 끝납니다. 그게 내가 찾고있는거야. – killair

+0

아, 제 대답이 당신의 목적에 어울리지 않는다는 것을 이해합니다 : P –