일전에 이런 팁을 올린 적이 있었는데요,

https://xetown.com/board/289861

게시판 CKEditor에서 각주 기능을 플러그인하는 방법이었죠.

근데 너무 복잡하다보니 관심이나 의지가 있어도 어지간해선 팁 적용을 해보기 힘들 겁니다.

 

슬슬 개발 욕심도 생기고 해서ㅎ 이걸 에디터 컴포넌트로 해보면 어떨까 생각 중이에요.

물론 XE에서는 게시판 글쓰기에서 id 속성 등을 자동 제거하고 있어서 작동이 힘들 것 같고, 만약 만든다면 라이믹스 전용 컴포넌트가 될 것 같습니다. #모두들_라이믹스로_갈아탑시다

 

그런데 알 만한 분들은 아시다시피 제가 좌충우돌하는 야매 아니겠습니까ㅋ

그래서 맨땅에 헤딩하면서 만들어야 하는데, 불행히도 에디터 컴포넌트는 제작 매뉴얼이 따로 없더라구요ㅠㅠ

 

해서, 여쭙고자 합니다.

대강 이런 식으로 생각하고 있는데요.

  1. 각주 들어갈 커서 위치에서 컴포넌트 버튼 클릭 -> 팝업 창 오픈 -> 각주 내용 입력폼에 입력하고 등록하면 본문 커서 위치에 각주 번호 출력 -> 본문 하단에는 각주 내용이 출력
  2. 더불어, 입력 창 팝업했을 땐 창 하단에 기존 각주 내용 리스트가 출력되기도 함
  3. 그리고 본문에 삽입되어 있는 각주 번호를 클릭하면 -> 팝업 창 오픈 -> 각주 내용 수정이 가능함

이런 식의 컴포넌트를 제작할 때 참고하면서 공부할 만한 기존 컴포넌트 자료에 어떤 게 있을까요?

  • profile
    xe 자료실에 등록된 컴포넌트들 소스를 분석해보셔요.
  • profile profile
    컴포넌트 너무 어려워요;;
    왜 매뉴얼을 안 만들었는지도 모르겠고(어쩌면 모듈보다 심리적 장벽이 더 높기도),
    그런 가운데 컴포넌트 만드신 분들 정말 대단하신 거 같고..
    결국 컴포넌트들 뜯어보면서 쓸 만한 소스들을 하나씩 가져와야겠군요ㅠ
  • profile

    근데 막상 별 거 없어요.

    컴포넌트의 핵심은... 컴포넌트에서 입력된 값을 에디터로 넘기는 방법(해당 함수 있음)과
    게시글 출력에서 컴포넌트 코드를 원하는 방식으로 치환하는 게 다입니다.

  • profile profile
    그렇게 말씀해주시니 뭔가 의욕이 생기네요ㅎㅎ 감사합니다~
    그러면 입력값을 두 부분(각주번호, 각주내용)으로 나눠서 하나는 커서 위치에, 다른 하나는 제작자가 원하는 위치에 뿌려주는 것도 가능한 거겠죠?
    지난번에 살짝 시도를 해봤는데, 출력 위치 잡는 데서 막혔었거든요.
  • profile
    각주 기능 너무 부러운 건데.. 기대됩니다.
    근데 라이믹스만 되나요? ㅠ.ㅜ
    아직 운영하는 메인 사이트는 XE라... 안타깝네요
  • profile profile
    위에서 링크 건 글에도 나와 있는 것처럼 코어 일부를 수정하면 불가능하지만은 않을 거예요.
    생각보다 귀찮을 수도 있다는 게 흠이라면 흠이죠;;
  • profile
    아오, 이 주소는 대체 어디로 간 것이란 말입니꽈
    https://xe.xpressengine.net/wiki/18237529
  • profile
    점점 영역을 확장시켜가는군요!
    저도 윤삼파의 나와바리에 들어갈 수 있나요?
  • profile profile
    엥? 그게 뭐예요ㅋㅋㅋㅋㅋ
    혹시 뭐 개발팁 이런 거 없을까요, 에효
  • profile profile
    윤삼파의 영역을 넓혀가는것 같아서요~
    에디터 컴포넌트는 더 생소한 영역이라 더 어려운것 같아요.
  • profile profile

    뭐가 뭔지 1도 모르겠어요 에디터 컴포넌트ㅠㅠㅋㅋㅋㅋㅋㅋ

  • profile profile
    아. 아닙니다. ㅋㅋㅋㅋ
    원래는 조폭 영역 넓히는것 처럼 윤삼님 개발 범위를 넓힌다는 뜻이었어요.
  • profile profile
    아아, 저는 에디터 컴포넌트를 하나도 모르겠단 뜻이었어요ㅋㅋㅋㅋ
  • profile profile
    아 ㅋㅋㅋㅋㅋ
    생소한 분야라 다 어려울것 같아요.