고정 헤더 영역
상세 컨텐츠
본문
반응형
네이버 스마트 에디터 다운로드
네이버 스마트 에디터2는 깃허브에서 버전별로 배포를 하고있다.
필요한 버전을 다운받으면 된다.
필자는 2.8.2.3 버전을 다운받았다.
https://github.com/naver/smarteditor2/releases
Releases · naver/smarteditor2
Javascript WYSIWYG HTML editor. Contribute to naver/smarteditor2 development by creating an account on GitHub.
github.com
프로젝트폴더안에 붙여넣기
뒤에 버전은 제거하였다. 나중에 소스에 파일명을 적용할때 지저분해지는 것을 방지하기 위함이다.
textarea 및 js추가
<html>
<!-- 내용 -->
<textarea rows="20" name="form-control" id="form-control"></textarea>
</html><!-- SmartEditor2 텍스트편집기 -->
<script src="../smarteditor2/js/HuskyEZCreator.js" charset="utf-8"></script>
<script>
$(document).ready(function () {
<!-- SmartEditor2 텍스트편집기 -->
var oEditors = [];
function smartEditorIFrame() {
nhn.husky.EZCreator.createInIFrame({
oAppRef : oEditors,
elPlaceHolder : "form-control",
sSkinURI : "../smarteditor2/SmartEditor2Skin.html",
fCreator : "createSEditor2"
});
}
smartEditorIFrame();
});
</script>Smart Editor2를 적용할 textarea를 html에 추가해주고 위와같이 스크립트를 추가해준다.
sSkinURI는 각자 붙여넣기한 경로에 맞게 수정한다.
Version 텍스트 주석 : SmartEditor2Skin.html
before
after
Smart Editor2 이미지 업로드
[Spring Boot/Smart Editor2] - Smart Editor2 이미지 업로드[JAVA]
Smart Editor2 이미지 업로드[JAVA]
Smart Editor2 적용은 아래 링크를 확인 바란다. [Spring Boot/Smart Editor2] - Smart Editor 적용 atthch_photh.js의 html5Upload() 함수 수정 /** * HTML5 DragAndDrop으로 사진을 추가하고, 확인버튼을 누른..
fvor001.tistory.com
반응형
'Spring > Smart Editor2' 카테고리의 다른 글
| 스마트에디터2 이미지 업로드[JAVA] (0) | 2021.09.22 |
|---|
>
댓글 영역