일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- league of legends
- CSV
- 스크롤 사라짐
- LEFT JOIN
- Oracle
- Excel
- .csv
- 시트 탭 사라짐
- Aspose.cells
- 업비트
- chart.js
- 일본여행
- upbit
- Request.Form
- MSSQL
- rounding
- python
- Android
- 초딩수학
- MS-SQL
- Banker's rounding
- Banker's
- 썸머노트
- 나만의 상점
- 한글깨짐
- 가로 스크롤 막대
- MYSQL
- Kakao API Address
- 세로 스크롤 막대
- swift 화면전환
- 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>