자료실 상세소개
Xe자료실에 있는 자료들은 이곳 저곳에서 제가 필요하다고 생각되는 것들을 모아 놓은 게시판입니다.<br/> 저작권 관계로 자료들을 올리진 않습니다. 원래 사이트의 자료가 없어진 경우는 꼭 필요한 경우는 저에게 쪽지로 주시면 제가 가지고 있는 한도내에서는 보내 드리겠습니다.<br/>저작권침해가 되지 않는 경우에 한 합니다.
조회 수 148 추천 수 1 댓글 1
Extra Form
제작자 윤삼
출처 https://www.xetown.com/rxe_file/722912
적용여부 적용

문하우스 Tip 1) 

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

 

개요

  • 각주 스타일링 작업을 완료(?)했습니다.
  • 몇몇 부분에서 호환성 테스트는 아직 끝나지 않았습니다. 가령 다음과 같은 문제가 있을 수 있습니다.
    : XE에서 관리자 외에는 각주 입력을 못할 수 있습니다.
    : 크롬 외의 브라우저, 특히 MS 엣지에서는 각주 편집 수행과정에서 높은 확률로 에러가 동반될 수 있습니다.
    : CKEditor 스킨 외에서는 각주 컴포넌트와 애드온 사용을 권장하지 않습니다.

업데이트 사항

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

향후 업데이트 계획

  1. 크롬에서 드래그 후 삭제 시 reorder가 되지 않는 문제
  2. 엣지와의 호환성 문제 (간장게장님)
  3. XE와의 호환성 문제 정리 (간장게장님)
  4. CK에디터 외 다른 웹에디터와 호환성 문제
  5. 모바일 UI 개선 또는 별도 구성
  6. XE용 removeHackTag 수정 매뉴얼 작성
  7. 팝업 창 세로 사이즈 자동 감지 및 출력 (Lemony님)
  8. 말풍선 미리보기에서 말줄임표 (웹지기님)
  9. 붙여넣기 이벤트에서 각주 섹션까지 붙는 문제 해결 (토순이와아빠)

 


 

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 태그에 문서 편집이 영향을 받지 않을 수 있도록 했습니다.

 


 

개요

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

 

2. 권장 환경

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

 

3. 사용방법

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

 

4. 덧붙이는 말

각주

  1. 각주의 preview 영역의 가로크기 조절은 

    /modules/editor/components/ap_footnote/common/ap_footnote.js 파일안에 106줄

    obj.css('width', 300);

    숫자부분을 알맞게 조정하시면 됩니다.

 

f92bf7e94e6637b5a7f34e4a6341eb8a.png

추천해주신 분들

?

XE Data

Xe자료실에 있는 자료들은 이곳 저곳에서 제가 필요하다고 생각되는 것들을 모아 놓은 게시판입니다.

  1. zip 다운로드 애드온

    게시글의 전체 첨부파일을 zip 파일로 통합해서 원클릭으로 다운로드하는 기능을 추가하는 애드온입니다. 이미지 파일들을 많이 올리는 사이트의 경우는 일일이 파일 저장하지 않아도 편리하게 파일들 내려 받을 수 있어서 좋은 것 같습니다.
    Date2018.01.02 Category애드온 Reply0 Views157 file
    Read More
  2. 말풍선(툴팁) 애드온

    기존에 레이아웃에서 로드해서 사용하던 툴팁 생성용 css와 jquery를 따로 떼어내서 애드온을 만들어 봤습니다. 만들고보니 쓸모가 있을까... 하는 생각이 들기도 합니다. ㅎㅎㅎ jquery나 애드온의 정규식이 허접해서 모든 환경에 잘 적용될 수 있을지도 의문...
    Date2017.11.04 Category애드온 Reply0 Views300 file
    Read More
  3. 쪽 나누기 애드온

    업데이트 1.2.6 - php 5.3.x 이하 버전과 호환성 해결 1.2.5 - default 스킨에서 애드온 출력 요소들의 margin과 padding 값을 기본 0으로 할당 (웹지기님 제안) 1.2.4 - ajax 적용 후 스크롤탑 이동시 특정 요소로 위치 지정 가능 (Artistudy님 제안) 1.2.4에...
    Date2017.10.01 Category애드온 Reply0 Views151 file
    Read More
  4. 각주 에디터 컴포넌트 + 각주 편집 애드온

    문하우스 Tip 1) 0.3 업데이트 (2017-09-19) 개요 각주 스타일링 작업을 완료(?)했습니다. 몇몇 부분에서 호환성 테스트는 아직 끝나지 않았습니다. 가령 다음과 같은 문제가 있을 수 있습니다. : XE에서 관리자 외에는 각주 입력을 못할 수 있습니다. : 크롬 ...
    Date2017.09.20 Category애드온 Reply1 Views148 file
    Read More
  5. 플로팅 팝업 비디오

    네이버TV같은 곳에서 동영상 보다보면 스크롤을 내릴경우 우측하단에 동영상이 뜨길래 구현해보았습니다. 스크롤 내리시면 팝업이 뜹니다. 플로팅 팝업 비디오 애드온 버그가 있으면 버그발생하는 주소를 알려주세요! 애드온화 하긴했는데 버그가 있을수도 있...
    Date2017.05.23 Category애드온 Reply0 Views198 file
    Read More
  6. 슈퍼 캐시

    상세 설명 XE로 만들어진 사이트의 성능을 획기적으로 높이고 서버 부하를 줄이기 위한 몇 가지 방법을 제공하는 모듈입니다. XE 버전에 따라 일부 기능이 지원되지 않거나 별도 패치가 필요할 수도 있습니다. XE타운 화제의 모듈!!! 로딩속도 0.01초에 도전합...
    Date2016.12.26 Category모듈 Reply0 Views265 file
    Read More
  7. XENARA LIGHT GALLERY 위젯

    XENARA LIGHT GALLERY 위젯○ 주요특징- 게시글의 첨부된 이미지를 추출하여 LIGHT GALLERY로 보여주는 위젯- 썸네일 클릭 시 전체화면으로 원본이미지를 출력- 모바일에서는 SWIPE 기능이 가능하여, 편리한 슬라이드 기능을 제공- LightGallery 각종 옵션설정 ...
    Date2016.06.07 Category위젯 Reply0 Views400 file
    Read More
  8. Xpresseditor + AXISJ AXUpload5(HTML5) 에디터 ver. 1...

    [문하우스의 수정 버전] -기존 버전에 imgur에 외부업로드 시키는 기능 토글로 추가 Xpresseditor + AXISJ AXUpload5(HTML5) 에디터 XE의 기본 에디터인 Xpresseditor에 HTML5 업로더 기능을 지원하는 AXISJ(액시스제이) AXUpload5 업로더를 연동한 에디터 입...
    Date2016.04.15 Category모듈 Reply0 Views724 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 ... 21 Next
/ 21
서버에 요청 중입니다. 잠시만 기다려 주십시오...