마우스 선택 텍스트에 스타일을 추가하고 마우스 위치에 노드를 삽입합니다.
1146 단어 web
Demo ：
이것은 h1 노드입니다. 노드를 삽입하고 span 탭을 추가하여 선택한 텍스트의 글꼴 색을 빨간색으로 변경합니다.
$(function(){
$("#insertNode").click(function(){
var selObj=window.getSelection();
var selRange=selObj.getRangeAt(0);
//var selectedText=selObj.toString();
var el = document.createElement('span');
el.className='addColor ';
el.id="test";
el.innerHTML="a test";
selRange.insertNode(el);
});
$("#addStyle").click(function(){
var selObj=window.getSelection();
var selRange=selObj.getRangeAt(0);
//var selectedText=selObj.toString();
var el = document.createElement('span');
el.className='addColor ';
el.id="test1";
selRange.surroundContents(el);
});
})
참고 자료: getSelection,range 대상 속성, 방법 이해, 설명document.createElement()에 대한 설명, 상세 정보
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Portswigger의 연구실 작성: CSRF 토큰 보호를 사용한 기본 클릭재킹이 견습생 수준 실습에서는 일부 CSRF 토큰 보호가 있음에도 불구하고 클릭재킹에 취약한 웹사이트에서 계정 삭제 흐름을 악용합니다. 주어진 자격 증명으로 로그인하면 계정 페이지로 이동한 후 사용자 계정을 삭제하는 데...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
