입력 양식에 이미지를 삽입하거나 문자의 글꼴을 텍스트에서 변경할 수 있는 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/
Reference
이 문제에 관하여(입력 양식에 이미지를 삽입하거나 문자의 글꼴을 텍스트에서 변경할 수 있는 summernote 도입 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Shou_/items/a096924d7b0a387862ab텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)