WEB 온라인 편집기 만 들 기-HTML 탭 삽입

예전 에는 WEB 의 온라인 편집기 가 입력 내용 의 교체 와 HTML 코드 를 빠르게 삽입 하 는 것 이 라 고 생각 했 지만 원 리 는 그 랬 지만 실현 방법 은 내 가 생각 하 는 것 처럼 그렇게 딱딱 하지 않다 는 것 을 알 게 되 었 다.UI 에 있 는 것 을 거의 하지 않 기 때문에 document 에 execCommand 방법 이 HTML 탭 을 삽입 하 는 문 제 를 해결 할 수 있다 는 것 을 알 게 되 었 습 니 다.이 방법 은 커서 가 있 는 위치 에 필요 한 HTML 탭 을 삽입 할 수 있 습 니 다.또한 제 한 된 범위 내 에 탭 을 삽입 하려 면 이 범위 에 초점 을 맞 춰 야 합 니 다.예 를 들 어 a.focus().a.document.execCommand('insertButton','','btn'); 이곳 의 a 대상 은 iframe 대상 이다. execommand 의 첫 번 째 매개 변 수 는 삽입 해 야 할 컨트롤 의 명령 입 니 다.두 번 째 는 아직 모 르 겠 습 니 다.세 번 째 는 ID 이름 입 니 다.여기에 ID=btn 의 BUTTON 컨트롤 을 삽입 합 니 다.다른 속성 을 추가 하려 면 다음 에 쓰 면 됩 니 다.예 를 들 어 a.document.exec Command('insert Button','btn'등 입 니 다. class=btnclass color=red'); 첫 번 째 매개 변수의 상세 목록 2D-position 드래그 를 통 해 절대 포 지 셔 닝 대상 을 이동 할 수 있 습 니 다.  AbsolutePosition 요소 의 를 설정한다 position 속성 은"absolute"(절대)입 니 다.  BackColor 현재 선택 한 영역의 배경 색 을 설정 하거나 가 져 옵 니 다.  BlockDirLTR 아직 지지 하지 않 았 다.  BlockDirRTL 아직 지지 하지 않 았 다.  Bold 현재 선택 한 영역의 굵기 표시 여 부 를 전환 합 니 다.  BrowseMode 아직 지지 하지 않 았 다.  Copy 현재 선택 영역 을 클립보드 로 복사 합 니 다.  CreateBookmark 책 갈피 닻 을 만 들 거나 현재 선택 영역 이나 삽입 점 의 책 갈피 닻 이름 을 가 져 옵 니 다.  CreateLink 현재 선택 영역 에 하이퍼링크 를 삽입 하거나 현재 선택 영역 에 삽입 할 하이퍼링크 를 지정 할 수 있 는 대화 상 자 를 표시 합 니 다. URL。  Cut 현재 선택 영역 을 클립보드 로 복사 하고 삭제 합 니 다.  Delete 현재 선택 영역 을 삭제 합 니 다.  DirLTR 아직 지지 하지 않 았 다.  DirRTL 아직 지지 하지 않 았 다.  EditMode 아직 지지 하지 않 았 다.  FontName 현재 선택 한 지역 의 글꼴 을 설정 하거나 가 져 옵 니 다.  FontSize 현재 선택 한 영역의 글꼴 크기 를 설정 하거나 가 져 옵 니 다.  ForeColor 현재 선택 한 영역의 전경(텍스트)색상 을 설정 하거나 가 져 옵 니 다.  FormatBlock 현재 블록 포맷 탭 을 설정 합 니 다.  Indent 선택 한 텍스트 의 들 여 쓰기 를 추가 합 니 다.  InlineDirLTR 아직 지지 하지 않 았 다.  InlineDirRTL 아직 지지 하지 않 았 다.  InsertButton 현재 선택 영역 을 단추 컨트롤 로 덮어 씁 니 다.  InsertFieldset 현재 선택 영역 을 네모 난 상자 로 덮어 씁 니 다.  InsertHorizontalRule 현재 선택 영역 을 수평선 으로 덮어 씁 니 다.  InsertIFrame 현재 선택 영역 을 내장 프레임 워 크 로 덮어 씁 니 다.  InsertImage 현재 선택 영역 을 그림 으로 덮어 씁 니 다.  InsertInputButton 현재 선택 영역 을 단추 컨트롤 로 덮어 씁 니 다.  InsertInputCheckbox 현재 선택 영역 을 복선 상자 컨트롤 로 덮어 씁 니 다.  InsertInputFileUpload 현재 선택 영역 을 파일 업로드 컨트롤 로 덮어 씁 니 다.  InsertInputHidden 숨겨 진 컨트롤 을 삽입 하여 현재 선택 영역 을 덮어 씁 니 다.  InsertInputImage 현재 선택 영역 을 그림 컨트롤 로 덮어 씁 니 다.  InsertInputPassword 현재 선택 영역 을 암호 컨트롤 로 덮어 씁 니 다.  InsertInputRadio 현재 선택 영역 을 단일 단추 컨트롤 로 덮어 씁 니 다.  InsertInputReset 현재 선택 영역 을 리 셋 컨트롤 로 덮어 씁 니 다.  InsertInputSubmit 현재 선택 영역 을 제출 컨트롤 로 덮어 씁 니 다.  InsertInputText 현재 선택 영역 을 텍스트 컨트롤 로 덮어 씁 니 다.  InsertMarquee 현재 선택 영역 을 빈 자막 으로 덮어 씁 니 다.  InsertOrderedList 현재 선택 영역 이 번호 목록 인지 일반적인 포맷 블록 인지 전환 합 니 다.  InsertParagraph 현재 선택 영역 을 줄 바 꿈 으로 덮어 씁 니 다.  InsertSelectDropdown 현재 선택 영역 을 드 롭 다운 상자 컨트롤 로 덮어 씁 니 다.  InsertSelectListbox 현재 선택 영역 을 목록 상자 컨트롤 로 덮어 씁 니 다.  InsertTextArea 현재 선택 영역 을 여러 줄 의 텍스트 입력 컨트롤 로 덮어 씁 니 다.  InsertUnorderedList 현재 선택 영역 이 항목 기호 목록 인지 일반적인 포맷 블록 인지 전환 합 니 다.  Italic 현재 선택 영역 기울 임 꼴 표시 여 부 를 전환 합 니 다.  JustifyCenter 현재 선택 영역 을 포맷 블록 에 설정 합 니 다.  JustifyFull 아직 지지 하지 않 았 다.  JustifyLeft 현재 선택 영역 이 있 는 포맷 블록 을 왼쪽 으로 정렬 합 니 다.  JustifyNone 아직 지지 하지 않 았 다.  JustifyRight 현재 선택 영역 이 있 는 포맷 블록 을 오른쪽으로 정렬 합 니 다.  LiveResize 강요 하 다 MSHTML 편집 기 는 크기 조정 이나 이동 과정 에서 요소 의 외관 을 계속 업데이트 합 니 다.이동 이나 크기 조정 이 끝 난 후에 만 업데이트 하 는 것 이 아 닙 니 다.  MultipleSelection 사용자 가 누 를 수 있 도록 Shift 혹시 Ctrl 키 를 눌 렀 을 때 한 번 에 선택 할 수 있 는 사이트 보다 많은 요 소 를 선택 합 니 다.  Open 열 어 봐.  Outdent 선택 영역 이 있 는 포맷 블록의 들 여 쓰 기 를 줄 입 니 다.  OverWrite 텍스트 상태의 삽입 과 덮어 쓰 기 를 전환 합 니 다.  Paste 현재 선택 영역 을 클립보드 내용 으로 덮어 씁 니 다.  PlayImage 아직 지지 하지 않 았 다.  Print 사용자 가 현재 페이지 를 인쇄 할 수 있 도록 인쇄 대화 상 자 를 엽 니 다.  Redo 다시 하 다.  Refresh 현재 문 서 를 새로 고 칩 니 다.  RemoveFormat 현재 선택 영역 에서 포맷 탭 을 삭제 합 니 다.  RemoveParaFormat 아직 지지 하지 않 았 다.  SaveAs 현재 Web 페이지 를 파일 로 저장 합 니 다.  SelectAll 전체 문 서 를 선택 하 십시오.  SizeToControl 아직 지지 하지 않 았 다.  SizeToControlHeight 아직 지지 하지 않 았 다.  SizeToControlWidth 아직 지지 하지 않 았 다.  Stop 멈추다  StopImage 아직 지지 하지 않 았 다.  StrikeThrough 아직 지지 하지 않 았 다.  Subscript 아직 지지 하지 않 았 다.  Superscript 아직 지지 하지 않 았 다.  UnBookmark 현재 선택 영역 에서 모든 책 갈 피 를 삭제 합 니 다.  Underline 현재 선택 한 영역의 밑줄 표시 여 부 를 전환 합 니 다.  Undo 취소 하 다.  Unlink 현재 선택 영역 에서 모든 하이퍼링크 를 삭제 합 니 다.  Unselect 현재 선택 한 영역의 선택 상 태 를 삭제 합 니 다.또한 현재 마우스 가 점 찍 은 위치 에 문 자 를 삽입 하면 다음 과 같은 방법 을 사용 할 수 있 습 니 다.function showselect() { var oText = document.selection.createRange(); oText.text=111; } zdfzadfasfdasdfadsf

좋은 웹페이지 즐겨찾기