일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- Android
- upbit
- Banker's
- Aspose.cells
- .csv
- Excel
- 일본여행
- 보유중스킨
- python
- Oracle
- MS-SQL
- 한번에 업데이트 인서트 하기
- league of legends
- 나만의 상점
- 썸머노트
- CSV
- LEFT JOIN
- 한글깨짐
- update / insert
- MYSQL
- swift 화면전환
- merge match
- Request.Form
- 초딩수학
- Kakao API Address
- 업비트
- Banker's rounding
- chart.js
- rounding
- MSSQL
- Today
- Total
DBA
썸머노트(Summernote) 사용 시 Include 되는 Scripts의 위치 본문
썸머노트(Summernote) 사용 시 Include 되는 Scripts의 위치
코볼 2023. 11. 21. 09:30모든 script와 css는 <head></head> 사이에 위치 하는것이 좋다.
아래와 같이 <body></body>태그 사이에 Jquery, Summernote JS를 위치 시킨 경우 Summernote를 그려주지 못한다.
아래와 같이 <head></head> 태그 사이에 Jquery, Summernote JS를 위치 시킨 경우 Summernote를 잘 그려준다.
View Page
<script>
$(document).ready(function () {
//여기 아래 부분
$('#txtaSummernote').summernote({
height: 300, // 에디터 높이
minHeight: null, // 최소 높이
maxHeight: null, // 최대 높이
focus: true, // 에디터 로딩후 포커스를 맞출지 여부
lang: "ko-KR", // 한글 설정
placeholder: '최대 2048자까지 쓸 수 있습니다' //placeholder 설정
});
//여기 아래 부분
$('#divSummernote').summernote({
height: 300, // 에디터 높이
minHeight: null, // 최소 높이
maxHeight: null, // 최대 높이
focus: true, // 에디터 로딩후 포커스를 맞출지 여부
lang: "ko-KR", // 한글 설정
placeholder: '최대 2048자까지 쓸 수 있습니다' //placeholder 설정
});
});
</script>
<div class="row">
<form method="post" id="formSummernote">
<textarea id="txtaSummernote" name="eidtordata"></textarea>
</form>
</div>
<div id="divSummernote"></div>