썸머 노트 예제 | Urban Hug 
 썸머 노트 예제 
 By adminAugust 1 , 2019 Uncategorized 
 이 보석 은 Summernote 에 사용 된 자산 을 지정 하 기 위해 만들 어 졌 습니다 . v 0 . 7 . 0 이후 에 는 다른 jquery 라이브러리 와 의 충돌 을 피하 기 위해 직접 jquery 메 서드 , destroy 및 코드 가 제거 되 었 습니다 . summernote api 를 사용 하 고 이 메서 드 를 호출 할 수 있 습니다 . 그런 다음 본문 태그 의 어딘가 에 div 태그 를 배치 합니다 . 이 요소 는 summernote 편집기 로 대체 됩니다 . GitHub 에서 직접 다운로드 하 여 최신 Summernote LESS 및 자바 스크립트 소스 코드 를 가져옵니다 . Summernote 다운로드 는 자동 완성 기능 을 지원 하 며 , 입력 에 도움 이 되 는 힌트 를 제공 합니다 . 옵션 으로 사용 자 지정 힌트 를 정의 할 수 있 습니다 . 힌트 옵션 은 여러 힌트 에 대한 개체 또는 배열 일 수 있 습니다 . 
 이것 은 매우 간단 한 수정 으로 밝혀졌 습니다 . 혼란 의 근본 원인 은 div 를 사용 하 라는 문서 입니다 . 대신 텍스트 영역 을 사용 하 십시오 . summernote 는 텍스트 영역 을 동적 으로 생성 하 지만 어쨌든 그렇게 하 십시오 . 그것 은 작동 합니다 . Summernote , 다운로드 및 사용 방법 , 기본 기능 , 예제 등 에 대한 개요 . 확장 가능 한 기능 을 지원 하 기 위해 summernote 는 모듈 시스템 으로 조립 되 었 습니다 . 이 모듈 시스템 은 스프링 프레임워크 에서 영감 을 받 아 제작 되 었 습니다 . 
 일치 하 는 요소 집합 에서 첫 번 째 여름 노트 의 HTML 내용 을 가져옵니다 . 서머 노트 는 오픈 소스 라이브러리 jQuery 와 부트스트랩 을 사용 하 며 , Boostrap 3 또는 4 버전 의 서머 노트 를 사용 하 는 경우 , 또는 라이트 버전 의 Summernote 를 사용 하 는 경우 jQuery 만 사용 합니다 . HTML 페이지 의 헤드 영역 에 다음 코드 를 포함 합니다 . 편집 영역 은 편집기 콘텐츠 가 비 어 있 더라도 포커스 를 위해 
 이것 은 웹 글꼴 을 사용 하 는 동안 문제 입니다 . 웹 글꼴 의 가용성 을 확인 하 는 좋 은 시간 을 선택 하 는 것 은 쉽 지 않 습니다 . 당신 은 글꼴 로 무시 할 웹 글꼴 의 목록 을 정의 할 수 있 습니다 NamesIgnoreCheck . 서머 노트 편집기 필드 는 서머 노트 편집기 라이브러리 에 따라 다릅니다 . http : / / summernote . org / 이 라이브러리 를 획득 할 수 있 습니다 . 제대로 작동 하 려면 컨트롤 로드 보다 먼저 페이지 에 포함 해야 합니다 . Summernote 를 사용 하 면 컨텍스트 색상 이 있 는 알림 을 추가 하 여 알림 유형 을 나타내 거나 정보 를 위해 영역 을 사용 할 수 있 습니다 . Summernote 는 초기 화 될 때 자체 DOM 영역 을 구축 , 
 사용 하 는 경우 에 그것 의 태그 는 편집 가능 한 영역 에 대 한 콘텐츠 편집 가능 한 속성 
 사용 하 여 , btw , 그것 의 클래스 는 메모 편집 . 
 페이지 에 CodeMirror 를 포함 하 는 경우 CodeMirror 에서 코드 뷰 로 사용 할 수 있 습니다 . 서머 노트 가 있 는 jQuery , 부트스트랩 및 코드 미러 를 포함 합니다 . 이 영역 은 일반 모드 에서 사용 할 때 Summernote 의 맨 아래 에 나타나 며 , 서머 노트 가 에어 모드 에서 사용 될 때 편집 영역 의 맨 위 에 나타납니다 .