728x90
내용 입력 에디터가 필요할 때 사용하는 프로그램으로, 다운받아 연결하면 간단하게 에디터를 가져와 쓸 수 있다.
Summernote - Super Simple WYSIWYG editor
Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online.
summernote.org
Getting started 클릭
Download compiled 클릭하여 다운받은 후 압축풀기
사용하고자 하는 프로젝트의 webapp폴더에 압축을 푼 파일 넣기
사용하고자 하는 jsp파일의 <html>태그 위에 <!DOCTYPE html>태그 추가
<!-- include libraries(jQuery, bootstrap) -->
<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>
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js">
</script><head>태그 안에 위 코드 추가
<script type="text/javascript">
$(document).ready(function() {
$('#content').summernote({
height : 400
});
});
</script><body>태그 안에 위 코드 추가
'JAVA' 카테고리의 다른 글
| Switch Workwpace 삭제 방법 (0) | 2021.11.23 |
|---|---|
| JSTL 연결하기 (0) | 2021.08.10 |
| jQuery 연결하기 (0) | 2021.08.09 |
| 소켓 (Socket) (0) | 2021.08.03 |
| Net (0) | 2021.08.03 |