2009-07-29 2 views
17

강조 표시된 페이지의 끝에서 복사하는 텍스트의 끝에 "자세히 알아보기 :"행을 삽입하는 사이트를 방문했습니다.웹 페이지에서 내용을 복사 할 때 텍스트 삽입

나는이 코드를 본 적이 없으며 코드를 심각하게 파고 들지 않고이 작업을 수행하는 코드를 찾을 수 없습니다.

누구나 알 수 있습니다.

예 : http://peaceful-parenting.suite101.com/article.cfm/how_to_keep_kids_from_climbing_on

복사 텍스트의 단락, 다른 응용 프로그램에 붙여 넣을하고, "더 읽기"라인이 이후에있을 것입니다.

+1

그냥하지 마세요.하지 마세요. – couchand

답변

37

Suite101은 Tynt이라는 타사 서비스를 사용하고 있습니다.

이 Tynt의 자바 스크립트 코드 조각이 http://tcr.tynt.com/javascripts/Tracer.js

에 위치한 I합니다 (Online JavaScript beautifier의 도움으로) 당신을 위해 소스를 탐구.

그래서 여기에 무슨 일이 일어나고 있는지의 : 사용자가 다음, 그것을 텍스트의 범위를 선택한 경우

  • 코드와 mouseUp, mousedown, 그리고합니다 (startListeningForTraces 기능에서) 사본
  • 같은 행사에 활성화 :
    • 은 속성 링크 HTML과 선택적 CC 라이센스 URL을 생성합니다.
    • 은이 HTML을 선택 항목에 추가하여 0 크기 <div> 안에 넣습니다.

Tynt의 코드가 브라우저에서 원활이 작동하도록 Tynt의 서버로 다시 일의 엄청난 양 않습니다 복사 된 것을보고) 화면에 볼.

+1

귀하의 분석에 감사드립니다. 이 얼마나 멋진 코드일까요! – Josh

3

tynt.com 인 것처럼 보입니다. tynt.com은 텍스트에서 페이지에 복사되는 일종의 추적 프로그램입니다. 내용을 복사하여 붙여 넣을 때 tynt.com 사이트

추적기에서

자동으로 귀하의 사이트에 다시 링크를 추가합니다. 자세히보기 : 크리에이티브 커먼즈 라이센스에 따라 http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0MgaE6z6y : 저작자 표시 없음 파생 상품

지옥 ... 그냥 내가 tynt.com 사이트에서 복사 한 텍스트에 더 읽기 링크와 CC 라이선스 물건을 추가했습니다.