DBA

썸머노트(Summernote) 사용 시 Include 되는 Scripts의 위치 본문

[3] Development/MVC(ASP.NET with C#)

썸머노트(Summernote) 사용 시 Include 되는 Scripts의 위치

코볼 2023. 11. 21. 09:30
728x90
반응형
SMALL

모든 script와 css는 <head></head> 사이에 위치 하는것이 좋다.

 

아래와 같이 <body></body>태그 사이에 Jquery, Summernote JS를 위치 시킨 경우 Summernote를 그려주지 못한다.

<body></body> 태그 사이에 jquery, summernote를 위치한 경우

 

 

summernote를 불러올수 없다.

 

 

 

아래와 같이 <head></head> 태그 사이에 Jquery, Summernote JS를 위치 시킨 경우 Summernote를 잘 그려준다.

<head></head> 태그 사이에 jquery, summernote를 위치한 경우

 

 

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>

728x90
반응형
LIST
Comments