자바스크립트를 사용하여 마우스로 드래그 한 경우 해당 텍스트, 문자열에 대하여 어떤 일을 수행하는 경우가 많더군요. 그래서 드래그한 부분을 변경하거나 앞 또는 뒤에 추가, 삭제 등등 여러가지 일을 할 수 있는 소스를 만들어봤습니다. 순수 자바스크립트로 작성하였으며 자세한 기능은 아래를 참고하세요.# 자바스크립트로 드래그한 영역 가져오기, 삭제하기, 바꾸기먼저 마우스로 특정 영역을 드래그한 후에 아래의 커맨드를 입력하면 해당 기능을 수행합니다. 어떤 기능이 있는지 알아보면...TEXT로 가져오기 - wfSel.getTEXT()HTML 코드로 가져오기 - wfSel.getHTML()특정 문자열, 태그 등을 추가하기 - wfSel.insert(before, after)해당 문자열을 바꾸기 - wfSel.repla
Last Modified : 2020-11-17 14:02:07자바스크립트를 사용하여 선택된 영역, 드래그 영역의 텍스트를 가져올 수 있는 방법을 알아봅니다.# 자바스크립트 getSelection() 정보특정 범위의 텍스트가 선택 된 경우 getSelection()을 사용할 수 있습니다.getSelection()만약 선택된 범위에 콘텐츠가 있는 경우 getSelection()은 선택된 정보가 담긴 객체를 반환합니다. 즉 이를 사용하여 영역에 해당하는 텍스트 값 역시 가져올 수 있게 해줍니다.! 자바스크립트 getSelection() 예제보기아래는 간단한 예제입니다. 만약 선택된 영역이 존재하는 경우 이를 출력해봅니다. 예를들어 브라우저에서 아래왜 같이 "프리"만 선택된 경우를 생각해봅니다."웹이즈프리닷컴~ !"이제 코드를 작성하고 결과를 확인해봅니다.let select
Last Modified : 2020-11-18 15:21:24
자바스크립트를 사용하여 드래그했거나 커서가 있는 위치에 텍스트 및 DOM 엘리먼트를 추가하는 방법에 대하여 알아봅니다.# 커서 위치에 텍스트, 엘리먼트 추가만약 위지윅 에디터를 직접 만들어 구현한다고 생각해보겠습니다. div 등의 태그를 하나 만들고 어트리뷰트로 contentEditable을 가지는 경우 이 내부에 위치한 커서에 텍스트나 이미지 등의 엘리먼트를 추가하려고 한다면 어떻게 할 수 있을까요?? 커서 위치에 추가하는 방법은...기존에 Webisfree에서도 아를 구현하기 위한 비슷한 글을 찾을 수 있습니다. 하지만 오늘 알아볼 방법은 조금 다를 수 있는데요 ~ 커서의 위치가 다른 곳으로 변경되거나 아니면 커서가 없더라도 원하는 위치에 이동하는 방법을 찾기 위해서 입니다.! 예제 코드 알아보기먼저
Last Modified : 2021-01-06 10:05:50