erp 도전

일정표 구현 1) tinymce

나도초딩 2023. 4. 24.

에디터는 있어야해서, 간단히 넣으려고 했는데 좀 삽질했다.

하란대로 따라하면 admin 에서 글 입력까진 쉽게 됐었다.

내가 만든 폼의 textarea 에서 잘 안먹혔는데, {% form.media %} 를 추가해야지 로드가 됐다. -_-;

 

일정표 작업중인데 고민중이여서 두가지 다 구현해보기로 했다.

1. 하나의 상품의 textarea 필드 하나로 처리

글 초기값. / 양식 불러오기 setting initial text

기존 게시판에 글 하나 형식이라면, 기본 값으로 사전 정의된 테이블이 있어야겠다.

검색해보니, 있었다.

https://www.tiny.cloud/blog/how-to-get-content-and-set-content-in-tinymce/

 

How to get content from the editor and set content | TinyMCE

How to get content from the TinyMCE editor in JavaScript. How to set content in TinyMCE. How to get content out of TinyMCE without HTML tags.

www.tiny.cloud

 

괜찮은 방법 같다. 테이블 위방향 추가, 아래 추가같은 메뉴가 있어서,

메뉴 자체 문구를 바꿔주면 더 쉬울 것 같다. js 파일을 건드리면 있을 것 같다.

초기 html, <table>을 세팅해놓는 거다.

** 자주 사용하는 양식을  미리 저장해놓고 불러올 수 있게 하자. 짱이다.

 

2. 행 위로 추가 --> 일정 위로 추가 등으로 문구 변경.

 

구현 예시)

  • 1. DB 에서, 출발일별 세부 정보를 불러와서 초기값으로 에디터에 뿌려준다. 이게 꽤 멋진 기능이 될 거다.
  • 결국, 정보들이 세분화해서 들어가 있다면, <table> 태그에 딱 집어넣는 것도 가능하다.  -> hwp, ms-word, pdf 등 변환 용이!
  • 커스터마이징이 필요할 경우에는 게시판만한 것이 없지. 웹에 뿌려주는 것은 DB 로 표준화해서, 뿌려주되, 이 DB를 그냥 두긴 아까운 것도 사실이다! 왜냐! 블로그나 기타 툴에 복/붙할 수도 있으니까.
  • 게시판에 기본값으로 뿌려지는 소스가 단순 텍스트가 아니라, DB에 있는 값(출발일 시간등)을 텍스트로 미리 뿌려준다는 것이 핵심이다. 초큼 멋지다

실제 css 가 적용되는 화면. -_-; 디자인은 항상 넘 귀찮고 싫어. ㅠ

댓글