2013-07-25 8 views
-3

Html 5와 Query를 사용하여 WYSIWYG Editor를 프로그래밍하고 싶습니다. 이제는 내 페이지의 왼쪽에 버튼, 텍스트 상자와 같은 일부 쿼리 요소가 있습니다. 이 요소는 왼쪽에서 드래그하여 가운데 div 상자에 드롭 할 수 있습니다.div의 Html 새로운 Html 사이트에 박스

새 HTML 사이트?에, 중앙 DIV 상자의 값을 변환 할 수 있습니다 (당신이 센터 DIV 상자에 표시되는 내용은, 독립 HTML을 사이트에 있어야합니다)

+0

고객님의 질문을 이해할 수 없습니다. 조금 더 명확해질 수 있습니까? – putvande

+0

그는 요소를 끌어다 놓을 수있는 가운데 div가 필요합니다. 그런 다음, 작업이 완료되면 센터 div에 남겨진 것이 독립형 사이트입니다. –

답변

0

예! div.innerHTML을 HTML로만 사용할 수 있으며 다른 사이트에서 유지 관리하려는 다른 HTML 페이지의 본문 태그 안에 감쌀 수 있습니다.

당신은 브라우저에 test.html 파일

<html> 
<body> 
    <div id="divEdit" contentEditable="true"></div> 
    <button onclick="alert(document.getElementById('divEdit').innerHTML)">See HTML</button> 
</body> 
</html> 

그리고 개방으로이 내용을 저장할 수 있습니다

; div에 무언가를 입력하고 (서식을 지원하기 때문에 일부 내용을 굵은 체 또는 기울임 꼴로 표시 할 수 있음) 버튼을 누르십시오. div 컨트롤에서 방출하는 HTML을 볼 수 있습니다.

0

희망이 당신이 찾고있는 무엇 :

<div class="clickable" url="http://google.com"> 
     Anything 
    </div> 

$("div.clickable").click(
function() 
{ 
    window.location = $(this).attr("url"); 
    return false; 
}); 
0

당신은 어떤 요소의 값을 가지고 변수로 설정하고 나중에 당신은 그것을 사용할 수 있습니다.

var text = $('Your element').val();