입력 양식에 이미지를 삽입하거나 문자의 글꼴을 텍스트에서 변경할 수 있는 summernote 도입 방법

2752 단어 HTML5summernote

summernote란?



중앙 정렬 문자의 색을 바꾸거나 할 수 있는 등 다양한 기능을 사용할 수 있습니다



summernote 소개



헤드에 여기 추가
사용 환경: HTML5

index.html
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.js"></script>    

본문에 여기 추가

index.html
  <div id="content"></div>
  <script>
    $(document).ready(function() {
        $('#content').summernote();
    });
  </script>

이제 summernote를 소개할 수 있습니다.

잘못된 부분이 있으시면 지적 잘 부탁드립니다.

내 포트폴리오 인 메모 앱의 소스 코드는 공개되어 있으므로 좋으면 봐주세요.
htps : // 기주 b. 코 m/쇼우기테 b/메모. 아 p/

다음 URL에서 사용할 수 있습니다.
h tps : // 역시 ps. 어리석은 p. 코m/

좋은 웹페이지 즐겨찾기