스프링 : 게시판 카테고리 효과

네이버 처럼 몇몇개의 효과들을 만들어 볼려고 한다.

 

개발자 도구를 이용해서 테스트 해보니

B(bold)를 클릭하고 글을 작성하면 <span style= ~~~ > 해서 안에다가 내용이 작성된다.

 

아직 꾸미기 전이지만,

꾸밈후

왼쪽부터 파일 첨부, 그리고 굵게,기울임꼴,밑줄,글씨색,정렬 등등 기능을 추가로 넣어줬다.

 

저것을 클릭하고 작성하면 해당 기능에 맞게 작동해야된다.

 

이렇게 작성하다 보니 그것을 클릭해도 키보드로 인식해야 되는데 이지윅 에디터를 이용하면 좀 더 간편하게 만들 수 있다.

---

이지윅 에디터 사용 , CK에디터 이용

 

다운로드 방법과, CDN을 통한 직접 연결 방법이 있는데,다운로드 결과 js파일에서 에러가 나므로 CDN을 이용한다.

 

<script src="https://cdn.ckeditor.com/ckeditor5/31.0.0/classic/ckeditor.js"></script>

상단에 태그를 붙여주고

 

textarea = "id"를 이용해서 만들어준다.

<script>
      ClassicEditor
            .create( document.querySelector( '#content' ) )
            .catch( error => {
                  console.error( error );
            });
</script>

만약에 제거하고 싶은 기능이 생기면 removePlugins:를 이용해서 삭제해 주면 된다.

 

<script>
      ClassicEditor
            .create( document.querySelector( '#content' ),{
            	removePlugins: [ 'ImageUpload' ] // << 이미지 업로드 기능 제거!
            } )
            .catch( error => {
                  console.error( error );
            });
</script>