2014-02-18 2 views
0

내 웹 페이지에 3 개의 EpicEditors가 있습니다. 각각의 데이터베이스에는 개체의 특성과 관련된 텍스트가 들어 있습니다. 텍스트를 업데이트하면 localStorage가 업데이트 된 것을 볼 수 있습니다. 하지만 내가하고 싶은 일은 내 데이터베이스에 변경 사항을 저장하는 것입니다.EpicEditor : 데이터베이스 업데이트

문서에서

는 exportFile 이벤트가이 작업을 수행하는 방법

syncWithServerBtn.onclick = function() { 
    var theContent = editor.exportFile(); 
    saveToServerAjaxCall('/save', {data:theContent}, function() { 
    console.log('Data was saved to the database.'); 
    }); 
} 

? 실제로 syncWithServer 버튼이 있습니까? 내가보기에는 미리보기 및 전체 화면 버튼이 있습니다.

내보기에는 '/ save'경로가 있어야한다는 것을 의미한다고 생각합니다. 이보기에서 내용 (업데이트 된 내용)에 액세스하려면 어떻게합니까?

답변

1

아니요, syncWithServer는 버튼이있는 경우에 한 예입니다. 이 예제에서, 만들어진 버튼을 클릭하면 편집기 내용을 잡고 가짜 saveToServerAjaxCall 메소드로 DB로 보냅니다. EpicEditor는 서버에 특별한 것을하지 않습니다. 이 예제는 간단한 프로세스를 보여주고 있습니다.

+0

그래서 버튼을 클릭하여 내용을 가져 와서 Ajax 호출을 통해 DB로 보내야합니다. 그게 맞습니까? 그러면 exportFile이 작동합니까? 아니면 가짜 방법입니까? – bard

+0

또한 문서에서 업데이트 이벤트를 발견했습니다. 업데이트 이벤트는 언제 발생합니까? 업데이트 이벤트가 발생할 때마다 Ajax를 통해 데이터베이스를 업데이트 할 수 있습니까? – bard

+1

@bard 게시 한 예제는 exportFile 문서에서 나온 것이므로 실제 방법입니다. P. 문서가 변경 될 때마다 업데이트가 발생합니다. 따라서 문자를 생성하는 키 (예 : ctrl, alt 등은 아니지만 a-z, 0-9 등)를 누르면 업데이트가 트리거됩니다. 수 많은 요청을 보내고 백업 할 것이므로 _every_ 업데이트를 위해 아약스 이벤트를 시작하지 않을 것입니다. 'update' 이벤트의 저장 요청을 디 바운싱하는 것을 제안합니다. http://underscorejs.org/#debounce (debounce의 예제, 밑줄이 필요 없다. 단지 좋은 설명이다.) –

0

자세한 답변은 https://stackoverflow.com/a/35285968/936494입니다. 양식의 단추를 사용하여 EpicEditor 콘텐츠를 제출하는 방법을 보여줍니다. 예제에 표시된 버튼 클릭 이벤트 코드는 페이지의 원하는 버튼에 이벤트를 바인딩하고 내용을 제출하는 참조로 사용할 수 있습니다. 희망이 도움이됩니다.