728x90
SMALL
- 글쓰는 부분은 note.jsp를 include를 하였다
<div class ='content'>
<jsp:include page="note.jsp"/>
</div>
- note.jsp
- summernote editor api를 사용하였다
- 다른 api도 많았지만 간단하면서도 기능이 좋다고 생각되어 선택했다
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- include libraries(jQuery, bootstrap) -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<!-- include summernote css/js-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script>
</head>
<body>
<textarea name="noticeDoc" id="summernote" value=""></textarea>
<script>
$(document).ready(function() {
$('#summernote').summernote({
height: 300, // set editor height
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: true // set focus to editable area after initializing summernote
});
});
$(document).ready(function() {
$('#summernote').summernote();
});
</script>
</body>
</html>728x90
LIST
'Project > Semi' 카테고리의 다른 글
| 4. 공지사항 게시판 (0) | 2021.01.31 |
|---|---|
| 3-3 채팅 API (간단한 실시간 채팅API 추천) (0) | 2021.01.31 |
| 3-1 카카오 결제 API (iamport를 활용한 결제API) (0) | 2021.01.31 |
| 2-5 카카오 로그인 API #2 (jsp, javascript를 사용한 카카오간단로그인) (1) | 2021.01.30 |
| 2-5 카카오 로그인 API #1 (jsp, javascript를 사용한 카카오간단로그인) (0) | 2021.01.30 |
댓글