질문/공유팁 게시판

각주 에디터 컴포넌트 + 각주 편집 애드온 0.4.3 (2017-09-30)

윤삼
조회 수 2013 추천 수 8
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

0.4.3 업데이트 (2017-09-30)

 

개요

  • 버그 수정 및 미세한 기능 개선이 있었습니다.
  • 호환성 테스트는 아직 끝나지 않았습니다. 가령 다음과 같은 문제가 있을 수 있습니다.
    : XE에서 관리자 외에는 각주 입력을 못할 수 있습니다.
    : 크롬 외의 브라우저, 특히 MS 엣지에서는 각주 편집 수행과정에서 높은 확률로 에러가 동반될 수 있습니다.
    : CKEditor 스킨 외에서는 각주 컴포넌트와 애드온 사용을 권장하지 않습니다.

업데이트 사항

  1. 각주 섹션을 div태그로 설정하면서 파싱 모듈이 링크 프리뷰를 중복 출력하는 문제 (웹지기님)
    ... 별도 팁 제공 https://xetown.com/rxe_third/750890 (현재 람보님 깃허브에 이슈를 올렸음)
  2. 모바일 뷰에서 각주 내용 안에 있는 링크가 동작하지 않는 문제 (웹지기님)
    ... text 메소드 대신 html 메소드 사용
  3. 각주 내용의 이미지를 풍선말 등에서 별도 출력하면서 각주 내용의 구성이 깨지는 문제 (웹지기님)
    ... 파싱 모듈 예외 처리하고 html 메소드 사용

언제일지 모를 향후 업데이트 계획

  1. 크롬에서 드래그 후 삭제 시 reorder가 되지 않는 문제
  2. 엣지와의 호환성 문제 (간장게장님)
  3. XE와의 호환성 문제 정리 (간장게장님)
  4. CK에디터 외 다른 웹에디터와 호환성 문제
  5. XE용 removeHackTag 수정 매뉴얼 작성

 

 

0.4.2 업데이트 (2017-09-27)

 

개요

  • 버그 수정이 있었습니다.

업데이트 사항

  1. PC 뷰 각주 풍선말에서 gif도 로드 (웹지기님) ... 임베드 파싱 모듈의 출력 내용 자체를 불러오지 않도록 했습니다.
  2. 모바일 뷰 각주 입력 팝업창에서 '모바일로 최적화된 화면으로 보기' 옵션 감추기 (웹지기님)

 

 

0.4.1 업데이트 (2017-09-25)

 

개요

  • 모바일 뷰가 개선되었습니다.
    : 웹지기님의 피드백으로 모바일 인터페이스가 향상되었습니다.

업데이트 사항

  1. 모바일에서 각주 컴포넌트 팝업창 최적화 (웹지기님)★ ... 이제 모바일에서도 각주 작성이 편리해졌습니다.
  2. 모바일 뷰 UI 개선 (웹지기님)
    : 각주 내용 투명도 삭제
    : 각주 내용에서 gif 로드 ... 대신 XE임베드 파싱 모듈에 대한 예외 처리
    : 각주 내용 닫기 버튼 확대
    : 각주 내용에 z-index와 bottom 사용자 옵션 제공 ... 레이아웃 등의 하단 고정 툴바와 겹침 문제 방지 가능
  3. 각주 팝업 창의 CK에디터 툴바를 접힘 상태로 기본 설정

 

 

0.4 업데이트 (2017-09-23)

 

개요

  • 모바일 뷰 옵션이 추가되었습니다.★
    : 각주 마커를 클릭했을 때 각주 내용으로 스크롤 이동하는 동작은 이용자들로 하여금 모바일에서 피로감을 느끼게 할 수 있습니다.
    : 이번 버전에서는 모바일 뷰 옵션을 채택하여, 마커를 클릭하면 각주 내용이 스크린 하단의 fixed position을 가지는 요소로 출력되게끔 했습니다.
  • 몇몇 부분에서 버그 수정이 있었습니다.★

업데이트 사항

  1. 모바일 UI 개선★
  2. 댓글 에디터에서 각주 컴포넌트가 노출되는 문제 수정 (웹지기님)★
  3. 붙여넣기 이벤트에서 각주 섹션이 여전히 따라 붙는 문제 수정 (토순이와아빠님, 웹지기님)★

 

 

0.3.1 업데이트 (2017-09-21)

 

개요

  • 몇몇 부분에서 버그 수정 및 스타일링 개선이 있었습니다.

업데이트 사항

  1. 컴포넌트 설정에서 해시 이동 속도가 안 먹는 버그 수정 (웹지기님)
  2. XE에서 팝업 창 사이즈 지정 (Lemony님)
  3. 말풍선 미리보기에서 말줄임표 (웹지기님)
  4. 각주 마커와 내용에 딸린 하위 요소들의 여백 값들 리셋 (간장게장님)
  5. 붙여넣기 이벤트에서 각주 섹션까지 붙는 문제 해결 (토순이와아빠님)

 

 

0.3 업데이트 (2017-09-19)

 

개요

  • 각주 스타일링 작업을 완료(?)했습니다.

업데이트 사항

  1. 각주 내용에서 각주 마커로 이동 링크 장착 (오징님)
  2. 해시 링크 이동시 상단 툴바 높이 옵션 적용 (오징님)★
  3. 해시 링크 이동시 이동 속도 설정 추가
  4. 각주 번호 마우스오버시 말풍선, 마우스클릭시 각주내용으로 이동 (웹지기님)★
  5. 각주 해시 링크 이동시 링크 타겟에 하이라이트 효과
  6. 자동링크 애드온에 대비하여, 링크 타겟 클릭시 타겟 속성 동적 삭제 (웹지기님)

 

 

0.2 업데이트 (2017-09-17)

 

기능 향상

  1. 각주 입력창에서 CK에디터 4.7.3 버전을 CDN을 통해 불러오게 됩니다.
  2. 각주 아이콘을 교체했습니다. (VJT님, 휴리파파님)
  3. 각주 내용 섹션의 제목 내용과 제목 태그를 사용자가 직접 지정할 수 있습니다. (웹지기님) ... 각주 컴포넌트 설정에서 할 수 있습니다.
  4. 각주 창 팝업 후 커서가 에디터 안으로 자동 포커스됩니다. (socialskyo님)
  5. 각주 내용 섹션 아래로 커서 이동이 가능하게끔, 각주 생성 후에는 맨 아래에 <p>&nbsp;</p>를 추가하게 됩니다. (socialskyo님)
  6. 댓글단에서는 각주 컴포넌트 작동을 금지합니다. (웹지기님) ... 각주 편집 애드온이 활성화돼야만 댓글에서 각주 컴포넌트 버튼의 출력을 막을 수 있습니다.

버그 수정

  1. 새로운 글쓰기 상황에서 각주 편집 애드온이 동작하지 않는 문제를 해결했습니다.
  2. IE에서 각주번호가 포함되지 않은 영역을 복사하거나 잘라낼 때 동작하지 않던 문제를 해결했습니다.
  3. 에디터에서 소스 보기를 했다가 다시 에디터로 돌아올 때 이벤트 전체가 무효화된 문제를 해결했습니다.
  4. 본문에서 각주 번호가 모두 사라질 때 각주 내용 섹션도 제거하게 됩니다. 반면 각주 내용 섹션이 없을 때 각주 붙여넣기가 시도되는 경우에는 각주 내용 섹션도 되살아나게 됩니다.
  5. 각주 입력 및 붙여넣기 후 커서가 각주 번호 안으로 위치하던 문제를 해결했습니다. 각주 번호 끝에 공백 문자를 첨가함으로써 새로 생성된 sup 태그에 문서 편집이 영향을 받지 않을 수 있도록 했습니다.

 

 

개요

  • 각주 에디터 컴포넌트와 별책부록 편집용 애드온을 첨부해봅니다.
  • 현재 업로드하는 버전은 베타테스트용입니다.
  • 컴포넌트 파일은 각주 입력과 수정, 애드온 파일은 각주 복사-잘라내기-붙여넣기-삭제 기능을 담당합니다.
  • 컴포넌트 파일은 필수이며, 애드온 설치를 하지 않으시면, 위의 편집기능을 수동으로 하셔야 하며, 본문에서 스타일링된 디스플레이를 구현할 수 없습니다.

 

1. 다운로드 및 설치

 

에디터 컴포넌트 0.4.2 ap_footnote.0.4.2.zip
에디터 컴포넌트 0.4.1 ap_footnote.0.4.1.zip
에디터 컴포넌트 0.4 ap_footnote.0.4.zip
에디터 컴포넌트 0.3.1 ap_footnote.0.3.1.zip
에디터 컴포넌트 0.3 ap_footnote.0.3.zip
에디터 컴포넌트 0.2 ap_footnote.0.2.zip
에디터 컴포넌트 0.1 ap_footnote.0.1.zip

편집용 애드온 0.4.2 ap_footnote_editable.0.4.2.zip
편집용 애드온 0.4.1 ap_footnote_editable.0.4.1.zip
편집용 애드온 0.4 ap_footnote_editable.0.4.zip
편집용 애드온 0.3.1 ap_footnote_editable.0.3.1.zip
편집용 애드온 0.3 ap_footnote_editable.0.3.zip
편집용 애드온 0.2 ap_footnote_editable.0.2.zip
편집용 애드온 0.1 ap_footnote_editable.0.1.zip

 

2. 권장 환경

  • 라이믹스 + 크롬60 / IE11 + CKEditor
  • 위 환경이 아니라면 편집용 애드온이 오작동을 일으킬 수 있습니다.

 

3. 사용방법

  • 따로 말씀 안 드려도 아시리라 믿습니다. 에디터에서 아래 그림의 아이콘을 클릭하고 입력하면 됩니다

21.png

4. 덧붙이는 말

  • 개발 현황은 링크에서 확인할 수 있습니다. http://bit.ly/2etMIwY

윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
위로 아래로
댓글 117
  • profile
    이런건 @VJT 님한테 맡겨보세요.
  • profile profile
    @VJT님 혹시 혹시 아이콘 하나 투척해주실 수 있을까요? 물론 상황이 여의치 않으시면 당근 거절하셔도 됩니다ㅎㅎ
  • profile ?
    예제 파일 올려주실래요!!
    오늘 저녁에 해드리지용
  • ? profile
    우왓 감사합니다! 근데 저도 오늘은 하루종일 밖에 있을 일정이어서...
    혹시 기존의 컴포넌트 아이콘 참조해서 만들어주실 순 없을까요?

    파일 이름은 component_icon.gif 인 것 같더라구요. 배경 투명 처리되어 있는 파일이구요.
    대강의 모양새는 MS워드의 각주 아이콘이라든가 티스토리의 각주 아이콘 정도면 어떨까 싶기도 해요.
  • profile ?

    아이코.png 이렇게는 어떠세요?

    Atachment
    첨부
  • ? profile

    아, 예쁘기는 한데 그거는 기존의 '인용 단락' 아이콘이랑 모양이 유사해서 혼동이 있을 것 같아요ㅠ

    0.png

  • profile ?
    아! 그렇군뇨
  • profile ?

    bb.png

    br.png

    rr.png

    bbr.png

    bbb.png

  • ? profile
    헐... 다 좋은데요;;;
  • profile ?
    헣ㅎ.. 감사합니다
    어떤색 할까 하다가 그냥 다 섞어 봤습니다
  • ? profile

    그럼 직접 적용하면서 골라보겠습니다.
    감사해요~~!!!

  • profile
    제가 이거 깔려고 컴터포맷중 ㅋㅋㅋ

    재능마켓을 이용하세요. 포인트 방출! ㅋㅋㅋ
  • profile profile
    아항!
  • profile profile
    다시보니... 재능마켓에선 의뢰가 안되는군요 -__-;;;;;;;;;;;;;;
  • profile profile
    이미지 제작해주시는 분들이 다 판매기간이 지났어요ㅠ
    그것도 몇 일 차이로ㅋㅋ
  • ?
    오 이번엔 각주군요, 링크 파싱 애드온 한창 잘쓰고있는데, 각주도 잘써볼게요~
  • ? profile
    아직 베타버전이어서 뼈대만 앙상해요.
    그래도 괜찮으시다면 사용해보시고 피드백 주시면 좋겠습니다.

    링크 프리뷰는 슬슬 모듈로 갈아타시는 게 좋을 거예요. 기능개선이 대박, 예정이랍니다ㅎㅎ
  • profile

    근데 아직 다운 받아 설치해 보지 않았는데요. 궁금한게 각주설명이 h1이 목차로 생겨버리는 거 같던데요. 이거 목차가 안만들어지게 하실 계획은 없으신가요?

    왜냐면 글 작성할때 목차를 염두하지 않고 작성했는데 각주 하나를 추가했다고 글에 목차가 생겨버리는건 굉장히 이상해 보여요.

  • profile profile
    아항, 그렇겠네요. 옵션을 두든가 해볼게요~☆
  • profile profile
    요거 되면 저희 사이트도 사용할게요! 목차도 포기할 수 없어요!
  • ?
    대박입니다. 그리고 질문 드려 봅니다.. 혹시 각주를 클릭하고 나서 저는 각주 창으로 바로 안가는데
    높이 조절을 제어 할수 있을까요?
  • ?
    추가로
    각주설명창 아래로 커서가 넘어갈수 있어야 할듯 한데...
    무조건은 아니지만..
    각주 설명창도 본문이라 본다면 태그를 보통 제일 하단에 문서 작성을 다 하고 하는 경우가 많아서..^^
  • ? profile
    에잉.. 용어가 헷갈리네요ㅠ

    1. 각주 클릭이라면 컴포넌트 아이콘 클릭 말씀하시는 건가요? 각주 팝업창 높이는 팝업 내용 높이에 자동 반응하도록 되어 있는 것 같아요. 그건 코어에서 관장하는 것 같더라구요. 높이 조절도 가능하다면 연구해보겠습니다.

    2. 쿨릭 후 각주 창으로 바로 안 간다는 건 커서가 팝업창 에디터 안으로 자동 포커스가 안 된다는 말씀이시겠죠? 저는 됐던 것 같은데.. 확실친 않으니 다시 확인해보겠습니다.

    3.설명창 아래로 커서가 넘어갈 수 있어야 한다는 말씀은 각주 내용 섹션 아래로 p태그를 하나 삽입하면 되는 거겠죠?
  • profile ?
    아..죄송. 네 이해한게 맞습니다. 저는 해당 설명창 더 밑으로 focus가 내려가더라고요. 그리고 p태그 삽입하면 될듯요^^
  • profile

    항상 고생 많으세요.

    기능 추가 건의
    글 작성중 "1)" 입력하면 자동으로 각주 내용을 입력하도록 레이어가 나와.. 추가 될 수 있도록은 안될까요?

  • profile profile
    각주 작성의도와 그것이 아닌 것의 구분을 할 수 없을 것 같은데요?
  • profile profile
    살명이 좀 짧았네요.
    각주 번호를 입력하면 작성중인 단어를 구분해서 하는것인데 이건 에디터 컴포넌트로는 구현이 힘들거같아요.
    에디터 자동 완성 모듈에서 컴포넌트를 호출하는 방식이든 아니면 다른 방법이든 구현이 가능하겠어요.
    무조건 나오게 하는것 보다 감지 옵션이라던가 찾아보면 방법이,있을거 같아요.
  • profile profile
    그럼 그 부분은 에디터 자동완성 모듈 쪽으로~! :)

    애드온에서도 처리는 될 것 같은데 동봉한 애드온은 말 그대로 부록이어서 뭔가 기능 추가가 부담스럽긴 하네요 히힝
  • profile
    그리고 한가지 추가로 궁금한게 생겼습니다.
    댓글에서는 요 에디터컴퍼넌트 아이콘만 노출되지 않아야 할 듯 한데요. 요거는 처리가 가능할까요? 댓글에서 시도 해봐야 의미 없는 것 이라서요.
  • profile profile
    댓글 쪽 컴포넌트 아이콘 노출은 라이믹스에선 옵션이 있었던 것 같은데, xe에선 없는 거죠? 음.. 연구를 좀 해봐야겠습니다.
  • profile profile
    만약 있다해도 문제가 되는게 다른 에디터들은 댓글에도 모두 필요한 것들이에요. XE에는 없는 것으로 알고 있구요.
  • profile profile
    라이믹스에선 컴포넌트별로 댓글 노출 옵션이 이 있는 걸로 알고 있는데, (혹시 충돌이 있을지 모르니) 그쪽 설정 변수도 고려하면서 컴포넌트 댓글단 노출을 제어해야 해서 좀 더 면밀히 뜯어봐야 할 것 같기는 해요.
  • profile
    정말 감사하고 수고 많으셨습니다.

    본문에도 언급하셨긴 하지만 전 아직 XE 구축 사이트가 있어서 조금 다른 환경에서 테스트 해 봤습니다.

    환경 : XE 1.8.43 + 크롬/IE11/웨일즈 + Ckeditor

    XE 환경이어서인지 일단 애드온 활성화하면 Ctrl+X,Y,C,Z 등의 본래 기능이 작동을 안하네요.
    하지만 애드온 비활성화해도 기본적인 각주 삽입, 번호 자동 변경 등이 무리없이 실행됩니다.
    본문 안내처럼 편집은 개별 수작업해야 하네요.


    환경 : XE 1.8.43 + IE 엣지 + Ckeditor

    작동 안됩니다. 입력하려고 하면 기존 각주가 전부 삭제됩니다.

    감사합니다.
  • profile profile
    엣지에선 아예 입력도 안 되는가 보군요ㅠㅠ
    어쩌면 XE 문제일 수도 있겠구요.
    알려주셔서 감사해요. 저도 알아보도록 하겠습니다~
  • ?
    윤삼님 저는 댓글에서도 되는게 좋습니다!!! 옵션 처리 해주세용~ 기능 소개하자마자 댓글에서 사용하십니다.
    https://goo.gl/YL8Geq
  • ? profile
    짧은 주소ㅋㅋㅋ
    그나저나 아직 베타 버전인데ㅠㅠ
  • profile ?
    네 ^^ 만약 이후 댓글 처리 작업 하신다면요~
  • ? profile
    넵!
  • ? profile
    원래 댓글에서 각주를 달게 할 생각이 없었는데.. 본의 아니게 버그가 또 있었군요ㄷㄷ
    본문과 댓글의 각주 아이디가 동일하다는;;;; 아이고~
  • profile

    본문에서 달았던 1) 과 노트에서 1. 이 통일성이 없어서 두개의 연결고리가 약해 보입니다. 눌러보지 않고도 스크롤해서 처음 본 분들이 아래 노트의 번호가 의미하는게 본문에 똑같은 번호의 설명이라는 것을 이해할 수 있도록 해주는 것이 좋을 것 같다는 개인적인 생각이 들었네요.

    note 의 타이틀도 아래 처럼 직관적으로 각주라고 표현해서 별도의 메모를 한건지 하는 생각이 들지 않도록 하는게 좋아보입니다.

    각주

  • profile profile
    좋은 의견이십니다!
    번호 스타일은 가급적 맞춰야겠네요. 메모해두겠습니다.
    그리고 안 그래도 웹지기님 의견 반영해서 각주 모음의 '제목'과 '제목 태그' 그리고 '제목 스타일' 등은 사용자가 정의해서 사용할 수 있도록 코딩하고 있어요 :)
  • profile

    0.3 업데이트로 멋져졌네요!
    그런데 저희는 모바일에서 하일라이트 표시가 안되네요.

    각주 이동속도 설정값이 적용 안되는 듯 해요.

    https://goo.gl/73MFZs

  • profile profile
    완전 빠르십니다ㅎㅎ
    모바일은 혹시 아이폰이신가요?
    구형폰 안드로이드 옛날 버전에선 하이라이트가 되긴 하는데요.

    암튼 모바일쪽은 따로 ui를 만들어봐야 할 거 같아요.
    모바일에서 본문이랑 각주랑 스크롤 왔다갔다 하는 게 편의적이진 않은 거 같아서 손을 좀 볼 생각입니다ㅎ
  • profile profile
    안드로이드 6.0 인데 저희 사이트만 안되서요.
  • profile profile
    진짜 웹지기님 사이트에선 하이라이트 효과가 안 생기네요.
    크롬 개발자 도구에서 모바일용으로 보면 하이라이트 효과가 나타나긴 하는데,
    실제 폰에선 안 되는군요. :(

    뭔가 충돌이 있는가 본데, 악, 저도 몰라요ㅠㅠ
  • ?

    xe 사용중인데 번호에 마우스 대면 팝업(풍선말)이 뜨질 않아요 ^^;;

  • ? profile
    컴포넌트뿐 아니라 애드온도 활성화시켜야 하는데, 설정이 다 되어 있나요?
    페이지 주소 남겨주시면 참고를 해볼 수 있을 것 같습니다. (쪽지로라도요)
  • profile ?
    감사합니다. ^^ 편집 애드온까지 켜니 정확히 다 작동 합니다.~~
  • ?
    오,.. 윤삼님... 이번에도 엄청난걸 개발을 하셨네요.
    장인이십니다~~~ ㄷㄷ 추후에 잘 사용하겠습니다!!!
  • ? profile
    진짜 장인이라면 자료 폭파시켜야 할 거 같아요ㅋㅋㅋㅋㅋ
  • ?

    2.png

    새로 창으로 떠서 입력하는 에디터창이 높이가 작게 뜹니다. ㅠㅠ

    이런식으로요..

     

  • ? profile

    엥, 이렇게 나와야 하는데요ㅠ

    0.png

     

    팝업에서 일시적인 오류이거나, 그게 아니라면 코어 수정 또는 다른 애드온이나 모듈과의 충돌로 인한 문제일 것 같아요.

     

    혹시 XE 쓰시나요?

    XE에선 제가 제대로 확인을 한 적이 없었거든요.

  • profile profile
    xe에서는 위에처럼 작아서 늘려서 써야해요.
  • profile profile
    세로 사이즈 감지해서 팝업창 크기를 맞춰줘야겠군요.
    감사합니다~
  • profile ?

    관심과 댓글 감사합니다. ^^

    대충이라도 알려 주시면 수정 해 보겠습니다.

  • ? profile
    컴포넌트의 popup.js로
    로딩시 창 세로크기를 맞춰주면 될 것 같은데, 저도 일단은 해봐야 알 것 같아요.
    당분간은 불편하시더라도 다음 업데이트 때 꼭 반영하도록 하겠습니다~
  • ? profile
    피드백 주셨던 부분 반영해서 0.3.1로 업데이트 했습니다!
  • ?
    각주 기가막히네요, 요번에도 좋은자료 감사합니다.
    이로써 윤삼님 애드온만 3개군요 ㅎㅎ
  • ? profile
    컴포넌트로만 구현하는 데 한계가 있어서 애드온의 힘을 살짝 빌렸죠ㅎㅎ
    잘 써주셔서 감사합니다~
  • profile
    클립보드에서 그림 붙여 넣기를 하면 하단에 각주 부분이 그냥 붙어 버리네요 ㅠ XE 입니다.
  • profile profile
    클립보드에 각주가 포함되어 있지 않은 경우에도 그런가요? ㄷㄷㄷㄷ
  • profile profile
    오 그러네요. 신기하게 자동으로 문서 하단에 각주 div가 생성이 됩니다.
  • profile profile
    어라? 그러네요?
    아놔...
    다음 업데이트 때 기필코 해결하도록 하겠습니다~
  • profile profile
    일단 급하신대로

    /addons/ap_footnote_editable/js/ap_footnote_editable.js 에서

    78행을

    } else if (matches != null && e.type == 'paste') {

    으로 바꿔주세요;;;
  • profile profile
    패치가 포함된 0.3.1 버전으로 업데이트 되었습니다~
  • profile profile
    어제 집에선 분명 되는 것 같았는데, 다시 보니 잘 안 되네요;;

    78행을 이렇게 바꿔주세요;;;
    } else if ((matches != null && matches.length > 0) && e.type == 'paste') {
  • profile
    말풍선안에 글자수 자르고 뒤에 잘린경우가 있다면 ... 요거 붙여줘서 생략된 부분이 있다고 알려주면 좋겠습니다. 스케치북 목록에서 처럼요. 중요도는 높지 않은 건의사항이네요.
  • profile profile
    네, 반영하도록 하겠습니다!!
  • profile profile
    피드백 주셨던 버그 및 스타일 개선이 있었습니다. 0.3.1로 업데이트 했어요 :)
  • profile profile
    업데이트 감사합니다.
    붙여넣기 이벤트에서 각주 섹션까지 붙는 문제 해결 (토순이와아빠님)

    위 이슈는 해결이 되지 않았네요.
  • profile
    그리고 댓글에서 컴퍼넌트 아이콘 제거 기능은 아직 잘 안되고 있네요. 아마 이건 아시고 계실 것 같긴 합니다.
  • profile profile
    ㅋㅋㅋㅋ 까먹고 있었어요. 댓글에서 아이콘 제거는 은근히도 아니고 대놓고 아주 까다로워요ㅠ
    그나저나 paste 이벤트가 해결이 안 되었다니 시간 날 때 재점검해봐야겠네요
  • profile profile
    78행을 이렇게 바꿔야 할 것 같네요;;
    } else if ((matches != null && matches.length > 0) && e.type == 'paste') {
  • profile profile
    해결 된 것 같습니다. 감사합니다!
  • profile
    확인 감사합니다~!
  • profile

    추가로 제보 하나 더 해드립니다.
    에디터컴퍼넌트,애드온 모두 동일하게 사용할 모듈을 지정해도 모든 게시판에서 각주 아이콘이 나옵니다. 최고관리권한 때문일까요? (그러네요. 최고관리권한 회원에게는 에디터컴퍼넌트에서 설정한 모듈별 사용이 먹히지 않네요. 이건 큰 문제는 아닌것 같습니다.)

  • profile profile
    네, 그건 관리자여서 그런 것 같아요.
    저도 좀 당황했었는데, 일반 계정으로 들어갔을 땐 사용 모듈이거나 컴포넌트 권한이 없으면 나오지 않더라구요.
  • profile
    방금업데이트 했습니다. gif 이미지 보이는건 각주를 다시 작성해 반영이 되는건가요?
  • profile
    아.. 아니군요. 이미지의 위치가 고정된 첫부분에 보이게 되는거군요... 문맥하고 맞지 않게 보여지는 경우가 생기는 군요.
  • profile
    너무 찾고 있었고 쓰고 싶었던 기능인데ㅠ 이렇게 만들어주셔서 너무 감사합니다! 진짜 찬양해여 윤삼님!ㅋㅋ
  • profile profile
    잘 살펴보시고 틈날 때 피드백 주세요~
    능력 부족이라 장담은 못하지만 개선할 부분이 있으면 노력해보겠습니다!
  • profile profile
    아니에요! 저는 지금 되게 잘 쓰고 있어요. 홈 회원들도 대만족! 존경합니다ㅠ
  • profile
    각주내용에 링크를 넣으면 파싱모듈에 의해 보여지는데요. 문제는 각주섹션 이외에서 한번 더 출력이되는 문제가 있습니다. 일단 임시로 파싱모듈에의해 동작이 안되도록 링크를 수정하겠습니다.
  • profile
    모바일뷰를 다시 사용하고 있는데 여기서는 각주 내용을 보여줄때 링크가 동작하지 않군요. 일단 모바일보기를 사용하지 않아야 할 것 같네요.
  • profile profile
    1. 이미지를 따로 불러왔었는데 그냥 아예 각주 내용을 html 통째로 불러오는 게 낫겠군요.

    2. 파싱 모듈 땜에 골치가 아파요ㅠ 말씀하신 문제는 xe의 html5 미지원 문제 때문에 각주내용 섹션을 section 태그에서 div 태그로 바꿔서 빚어진 게 아닐까 싶습니다. p태그에서 한번 div태그에서 또한번 프리뷰를 출력하는 문제가 있는 거 같아요. ... 언급하신 것처럼 각주 내용에서 파싱모듈이 아예 작동 안하게끔 한다든가, 아니면 파싱모듈에서 p-div 중복 출력 문제를 수정한다든가 해야 할 것 같네요.

    3. 모바일 보기에서 링크는 확인을 다시 해봐야 알 것 같은데요. 내용 추출할 때 html이 아니라 text 메소드로 가져와서 그런 것 같기도 하고 그러네요.

    .... 뜨거운 추석연휴가 되겠네요. 눈누난나~♪♬
  • profile profile
    div안의 대상을 포함시킨건 람보님이시라... 람보님과 두분께서 의견을 나누시고 결정을 하시는게 좋지 않을까요? 람보님은 자료 깃허브도 운영하고 하시니까요......
  • profile profile
    근데 각주 내용에서까지 링크 프리뷰가 나올 필요가 있나 싶긴 해요ㅎㅎ
  • profile profile
    각주에서 프리뷰를 제거한다면 뭐 의견을 나눌 필요는 없지요~
  • ?
    윤삼님! 라이믹스 쓰는데요 Admin 빼고 각주 입력이 안됩니다.
    원래그런가요?
  • ? profile
    혹시 컴포넌트 설정에서 권한 설정 하셨나요?
  • profile ?

    해보기도 하고 안해보기도 했습니다;;

  • profile profile
    저도 이번에 듣게 된 사실인데요. 라이믹스는 문서에서 허용할 class를 관리자페이지에서 등록해야 한다고 합니다. XE와 반대로 class가 등록되지 않은 것들은 일반회원에게는 허용되지 않는다고 하는데요.
    이게 문제가 되지 않을까요 ?
    라이믹스 사용자는 관리자페이지에서 각주에서 사용하는 class를 등록해야 할 것 같은데.. 맞나요?
  • profile profile

    각주에서 id를 사용한다고 해서 user_content_로 시작하는 id는 모두 허용하도록 해두었는데요. 사용하는 id의 형식이 다르거나 class도 병용하는 모양이군요.

    class도 id처럼 특정 문자열로 시작하는 것을 모두 허용할 수 있으면 좋겠는데, XE와 라이믹스에서 보안을 위해 사용하는 HTMLPurifier라는 라이브러리가 그걸 지원하지 않더군요...

  • profile profile

    XE에서는 id의 경우 화이트리스트 조차 제공하지 않아 애로사항이 많습니다. 그런데 이번에 새롭게 알게된게 라이믹스는 반대로 class가 제한된다는 것을 알았구요. 다행히 관리자페이지에서 화이트리스트로 등록해 주면 된다고 들었습니다.

    각주에서 class를 부여하던데 이것 때문에 위에 질문하신 분이 라이믹스에서 일반회원이 안되는게 아닌가 해서 말씀 드려봤어요. 근데 class를 가지고 컨트롤 하지 않을 것 같다는 생각이 더 큽니다 ㅋ 혹시나 해서 문의를....

  • profile profile
    @도리
    진짜 class를 막아놓아서 그런 걸 수 있겠네요.
    말씀하신대로, 각주 컴포넌트와 편집 애드온에서 사용하는 class 속성을 화이트리스트에 적용해두면 문제가 해결될 수도 있을 것 같습니다.
    (요즘 짬이 안 나다보니 직접 확인할 겨를이 없네요ㅠ)
  • profile ?
    보안설정에 html class 말씀하시는거죠?

    class 속성은 어떤걸 등록해야하는것인지요?
  • ? profile
    네, 보안 설정의 html class 맞습니다.
    각각
    fn_no
    fn_cnt
    정도면 되지 않을까 싶습니다.
  • profile ?

    1.png

     

    아쉽게도 설정 넣어주고 해봤는데도 안되는군요...

  • ? profile
    각주 입력이 안 된다고 하셨던 거 좀 더 자세히 설명해주시겠어요?
    구체적으로 어떤 단계에서 어떤 동작이 안 되는지요.
  • profile ?

    관리자 계정을 제외한 회원상태에서 에디터까지는 각주가 작동을 합니다.
    각주를 쓴 뒤 "1)" 부분을 더블클릭시에도 각주창은 제대로 뜨는것이지요.

    그 뒤 등록버튼(글쓰기)을 누른 뒤 페이지를 확인해보면 링크로 변해있습니다.

    링크는 각주의 미리보기가 안되고 당연히 눌렀을시 해당 각주에 대하여 바로가기도 작동을 안하구요.

    #과의 같이 동작한다고 보시면됩니다.

  • ? profile
    흠... 실제로 class 값도 날아가나요?
  • ? profile
    죄송합니다.
    다시 확인해보니 화이트리스트 처리해야 할 클래스 값이 꽤 많네요ㅠㅠ
    다음과 같습니다.

    fn_no
    fn_cnt
    top
    bottom
    fn_edge
    fn_preview
    fn_preview_cnt
    fn_preview_text
    fn_proview
    fn_proview_cnt
    fn_proview_text
    fn_proview_close
  • profile ?

    리스트 처리를 해줘도 안되는군요.

    class값이 날라가는지는 잘모르겠습니다.

     

    2.png

     

    5.png

  • ? profile
    클래스 값은 안 날아가네요.
    혹시 컴포넌트와 애드온을 최신 버전으로 설치한 게 맞으신지요.
    둘 모두 0.4.3이어야 하는데요.
  • profile ?

    1.png

    2.png

     

    네, 둘다 0.4.3 입니다

     

  • ? profile
    그럼 js충돌이 있는건 아닌가요? 콘솔탭에 에러가 없나요?
  • ? profile
    스타일링을 해주는 부분에서 문제가 있는 것 같은데 도통 감이 잡히지 않네요;;;
    임의의 계정을 하나 만들어서 주소와 함께 메시지로 보내주시면 테스트해보겠습니다.
    물론 그걸로 문제를 해결할 수 있을지는 자신이 없어요ㅠ
  • profile ?
    에러는 없는것 같네요ㅎㅎ
  • profile ?

    정리 후 보내드렸습니다.

     

    화이트리스트 등록은 되어있구요.

    css + js 합치기 및 공통파일 압축도 풀어논 상태입니다.

  • ? profile
    그렇다면 모든 애드온을 끄고 테스트 해보는 것도 방법입니다.
    우선적으로 꺼야 할 건 관리자는 제외 옵션이 있는 애드온입니다. 왜냐면 지금 관리자는 방해를 받지 않고 잘 된다고 하셨으니..
    라이믹스는 이 자료가 일반회원도 사용 가능한 상황이니까요...

    혹시 모르니 다른 애드온과 동시 사용시 문제도 한번 살펴보세요.
  • profile ?
    테스트 사이트를 새로 하나 만들고 테스트해봤었는데요

    동일합니다 ㅎㅎ
  • ? profile
    그럼 라이믹스에서 관리자가 아닌 일반회원 안되는거 아닌가요? XE처럼요.. @윤삼 님~
  • profile profile
    제가 일반계정으로 자체 테스트할 만한 상황이 못 돼서;;;; 일전에 socialskyo님 사이트에서 일반회원 각주 입력 전례가 있어서 그냥 되려니 했었죠...
  • ? profile
    네, 테스트했습니다.
    class는 잘 등록이 되는데, editor_component 속성과 data-footnote-id 속성이 등록되지 않는군요.
    당분간은 일반 회원의 경우 각주 허용을 금지해놓고 관리자 전용으로 사용하셔야 할 것 같습니다.
    시일이 좀 걸리더라도 다른 방도를 강구해봐야겠습니다;;;
  • profile ?
    찾아내셔서 다행이네요.
    고생하십니다!
  • ? profile
    다행이긴 한데, 구조 자체를 뜯어 고쳐야 할 거 같아요ㅠㅠ
  • profile

    설치하고 회원 아이디로 작성해보았는데 입력은 잘 되었어요. 단, 글이 등록된 후 말풍선 기능이 전혀 안되고 새창으로만 뜨더라구요. xetown에서 검색해보니 웹지기님의 옛글에서 자동링크 애드온과의 충돌이 있다는 내용이 있었고(여기 댓글에도 내용이 있네요) 히스토리를 읽어보면 그 문제가 해결되었다는데도 저는 말풍선이 구현이 안되길래(pc,모바일 모두 새창에서 뜸) 관리화면으로 들어가서 자동링크 애드온을 끄고 새로고침하니 잘 구현됩니다.

    그리고 나서 그 뒤로 자동링크 애드온을 켰는데도 말풍선등 구현하신 모양새가 잘 보여요. 정말 예쁘고 재밌고 좋은 자료 감사드립니다. 안정화되면 마켓에 내놓으셔도 꼭 사렵니다. 진짜 오랜시간 원하던 기능이어요.