2012-11-11 4 views
1

웹 응용 프로그램으로 작성자를위한 매우 간단한 텍스트 편집기를 구축하고 있습니다. 본질적으로 영광스러운 텍스트 영역이지만, 사용자가 페이지를 벗어날 수 있도록 텍스트 영역의 내용을 자동 저장해야합니다. 다시 시작하지 않고 돌아 오십시오. 문제는 PHP에 대해서는 거의 알지 못하지만 어떤 형태로든 필요할 것입니다. 모든 팁/지시 사항/도움을 줄 수 있습니다.자동 저장 텍스트 영역 내용 javascript 및 php

+0

** 약간의 PHP **를 알고 있다면 배우고 두 번째로 자습서로는 Google을 사용하는 것이 좋습니다. –

+0

기존 구성 요소를 사용하는 것이 좋습니다 (예 : 클라이언트 측 http://aloha-editor.org). 지속성 기능을위한 [tag : meteor]와 같은 프레임 워크가 있습니다. –

답변

2

는하지만 사용자가 페이지를 떠나 다시 시작하지 않고 돌아올 수 있도록 텍스트 영역의 내용을 자동 저장하는 데 필요합니다.

당신은 토큰 아약스와 [데이터베이스 스토리지] 세션 (또는 쿠키)와 PHP에 목적을 수행 할 수 있지만, 여기에 간단한 방법입니다. (클라이언트 측 스토리지 옵션이 assumig)

는 인트로에서 sisyphus

를 살펴 :

시시포스으로 사이트에 당신은 그냥 페이지를 다시 연 현대 (HTML5 지원) 브라우저에서 해당 양식의 모든 변경 사항을 확인하십시오. 그것은 lightweight (3.5 KB) jQuery 플러그인은 로컬 스토리지를 사용하여 작업이 손실되는 것을 방지합니다.

지원 저스 :

  • 크롬 4+
  • 파이어 폭스 3.5
  • 오페라 10.5
  • 사파리 4+
  • IE 8 +
  • IE 6 & 7 S페이지가 Sisyphus 이전에로드 됨
+0

감사! 이 클라이언트 쪽 해결 방법은 현재 (마감일이 지나치게 짧음) 나에게 가장 좋습니다. – OliverW

+1

+ 너무 우아합니다 :) – Baba

3

실제 코드를 보지 않고 구체적인 예를 제공하기가 어렵습니다. 그러나 이것이 당신이이 일을 얻을 수있는 방법입니다. 실제로 몇 가지 방법이 있습니다.

가장 먼저 생각해야 할 것은 임시 콘텐츠를 어디에 저장하겠습니까? 데이터베이스, html5 웹 저장소에 저장하거나 텍스트 사용자가 편집하지 않는 경우 쿠키로 저장할 수도 있습니다.

당신은 웹 스토리지에 일시적으로 내용을 저장할 수 있습니다

웹 스토리지에 일시적 내용을 저장. 그런 다음 사용자가 브라우저를 닫고 웹 브라우저를 다시 방문하기로 결정한 경우 웹 저장소에 임시 콘텐츠가 저장되어 있는지 먼저 확인하게됩니다. 그렇다면 편집 양식에 해당 내용을 채 웁니다. 콘텐츠를 저장할시기를 알아 내려면 일종의 추적 시스템을 만들어야합니다. 5 분마다 말하는 내용을 저장할 수 있습니다.

데이터베이스에 일시적인 내용 저장 :

을 당신이 데이터베이스에 일부 내용을 저장하는 데이터베이스 연결, 충분한 SQL을 시작하기에 충분한 PHP를 알고 있다고 가정. 당신이해야 할 일은 AJAX를 사용하여 양식 내용을 임시 데이터베이스 테이블로 보내는 것입니다.사용자가 폼에 텍스트를 쓰기 시작할 때마다, 당신은 때때로 그 내용을 임시 테이블에 저장할 PHP 스크립트/액션 컨트롤러에 폼의 컨텐츠를 보냅니다. AJAX를 사용하면 일시적인 콘텐츠를 저장할 때마다 브라우저를 새로 고칠 필요가 없기 때문에 이런 일이 발생합니다. 그런 다음 사용자가 브라우저를 끄고 텍스트를 편집하려면 먼저 데이터베이스에 임시 컨텐트가 저장되어 있는지 확인한 후 해당 컨텐트를 양식에 삽입하십시오.

는이 작품을 만들 수있는 방법이 많이 있습니다, 당신은 어디 내용을 저장하는 방법을 결정해야합니다. 데이터베이스와 빠른 AJAX 호출을 사용합니다. HTML5 웹 저장소는 모든 브라우저에서 지원되지 않으므로 쿠키는 거대한 텍스트의 경우 작으며 이러한 방식으로 실제로 작동하도록 설계되지 않았습니다. 그리고 나는 사용자가 그의 역사를 쉽게 지울 수 있기 때문에 클라이언트쪽에 의존하지 않을 것이다. 데이터베이스 및 AJAX 호출은 HTML5 웹 저장소보다 더 복잡한 솔루션이지만, 이것이 최선의 방법이라고 생각합니다. 거기에 약간의 일시적 내용이고 는

  • 하자 사용자 편집 자신의 콘텐츠가있는 경우 양식에 삽입하고,로 저장하면

    • 생성 HTML 양식
    • 확인 :

      기본 아이디어는 이것이다 당신의 선택의 저장 매 5 분 정도.

  • 그리고 HTML5 웹 스토리지 및 AJAX를 처리 할 때, 난 당신이 jQuery를 살펴보고 제안, 그것은 여러분의 인생을 더 쉽게 만들 수 있습니다.

    당신은이 문제를 해결하는 방법을 기본적인 생각을 가지고, 그것까지 당신은 지금 당신의 코드를 작성합니다 :) 행운을 빕니다!

    +0

    답장을 보내 주셔서 감사합니다. 옵션에 대한 명확한 설명이 도움이되었습니다. 게으르다가 jQuery를 좋아해서 itachi의 대답으로 고객 측에 갈 것입니다. 하지만 고마워, 정말 고마워. – OliverW