RX / XERXE 이슈서드파티
조회 수 152 추천 수 2 댓글 39
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기
Extra Form

0.2로 업데이트했습니다.

베타 딱지 떼고 슬슬 가속을 해봐야죠ㅎㅎ

 

https://www.xetown.com/rxe_file/722912

 

스타일링은 차후 작업으로 미루고 일단은 0.1 버전에서 나타났던 기능적 쟁점을 해결하는 데 비중을 둔 버전입니다.

그런 까닭에 달라진 점을 바로 체감하기는 어려울 수 있습니다.

 

주요 내용만 말씀 드리면,

  1. 각주 입력시 에디터 편집 가능
  2. 각주 섹션 제목(태그, 스타일 포함)을 사용자가 직접 입력 가능
  3. 댓글단에서 각주 컴포넌트 아이콘 삭제
  4. 기타 치명적 버그 수정

등을 꼽아볼 수 있겠네요 :)

 

여러모로 부족한 프로그램이에요.

일단 현재는 라이믹스+크롬+CK에디터 조합에 타겟을 맞추고 개발이 됐으니까요.

 

테스트 해보시고 의견 주시면 좋겠습니다.

아직 갈 길이 머네요.

  • profile
    다이오니 2017.09.17 20:58:36
    윤삼님 포인트 마켓에 등록하심이 어떠세요?
    포인트 마켓에서 당당히 보고 싶어요!!
  • profile
    윤삼 2017.09.17 21:04:46
    제가 당당하지 못해서;;;;
    ㅋㅋㅋㅋ 각주 스타일링 작업까지 일단락되면 당당히 올려보겠습니다.
  • profile
    웹지기 2017.09.17 21:09:49
    업데이트 감사합니다. 목차 애드온에 의해 목차로 표시되지 않을 것 같아 설치하고 사용해 보려 하는데 목차에 나오는데요. 목차에서 제외하려면 설정을 어떻게 해야 할까요??

    각주 타이틀이 목차로 들어가 버리네요.
  • profile
    웹지기 2017.09.17 21:10:53
    각주번호를 클릭하면 새창으로 열리네요.
  • profile
    윤삼 2017.09.17 21:13:50
    컴포넌트 설정으로 들어가서
    각주 타이틀의 태그를 h2가 아닌,
    p라든가 span 등으로 바꾸시면 될 겁니다.
    스타일 지정도 할 수 있어요.

    아, 그 애드온... 얼른 처리해야겠네요ㅠ
  • profile
    웹지기 2017.09.17 21:15:16
    설정이 안먹는거 같아요. 그냥 h2로 고정이구요. 스타일이 클래스로 들어가는거라면 그것도 안되는거 같아요.
  • profile
    웹지기 2017.09.17 21:16:03
    https://goo.gl/XCoCtL
  • profile
    윤삼 2017.09.17 21:15:24
    아 참 xe에서 원활하게 입력이 되나요?
    일단 되더라도 컴포넌트 사용권한은 관리자그룹에게만 주셔야 할 거예요.
  • profile
    웹지기 2017.09.17 21:16:36
    입력 잘 되던데요... 관리자그룹에게만요? 회원들과 함께 쓰려고 하는데 .....
  • profile
    윤삼 2017.09.17 21:22:38
    ㅠㅠ 제 기억으로 xe에선 removeHackTag 함수 때문에 각주 내용의 li 태그에 들어가는 data-footnote-id 속성이 지워질 거예요.

    그러면 관리자가 아닌 경우 입력은 어떻게 되더라도 각주마커의 번호와 각주내용의 번호가 불일치하는 문제가 생길 수 있을 거예요.
    특히 각주와 각주 사이에 새 각주를 입력한다든가, 각주를 복사나 잘라내기해서 다른 위치에 붙여넣기를 한다든가 할 때 오작동 위험이 있어요.
  • profile
    웹지기 2017.09.17 21:25:30
    네. 그렇다면 관리자인 저만 쓰도록 할게요.
  • profile
    윤삼 2017.09.17 22:14:03 Files첨부 (1)

    혹시 다음과 같이 설정을 해도 안 되던가요?

    모듈 > 위지윅 에디터 > 에디터 컴포넌트 > 각주

    0.png

  • profile
    웹지기 2017.09.17 22:19:00
    네. 일단 h2에서 바뀌지 않아요.
  • profile
    보고하비 2017.09.17 22:22:14
    각주 설정도 있었군요.. 저도 목차 에드온이랑 겹쳐져서 당황하고 있었는데 아무튼 고생 하셨습니다.^^
  • profile
    윤삼 2017.09.17 22:31:22
    적용해보셨군요.
    혹시 설정을 새로 지정하셔도 목차에 포함되나요?
  • profile
    보고하비 2017.09.17 22:48:47
    아뇨 설정하니 포함안되고 잘되요^^
  • profile
    웹지기 2017.09.17 23:05:04
    혹시 이부분을 애드온에서 따로 컨트롤을 하나요?
    댓글에서 아이콘을 없애는 js 가 애드온에 있는거 같던데 댓글 에디터에도 각주 아이콘이 보이네요.
  • profile
    윤삼 2017.09.17 23:22:45
    애드온에서는
    컴포넌트에서 설정된 각주 제목 관련 옵션을 가져와서,
    각주에서 수정이 있을 경우에 각주 제목을 다시금 뿌려주는 작업이 포함되어 있기는 해요.
    물론 그 값은 컴포넌트의 설정값이기 때문에, 새로운 값을 덮어쓴다거나 하지는 않을 거예요.

    댓글 에디터에서 아이콘이 보인다면, 요소 포착을 하는 데 문제가 있나봅니다;;
    다시 검토해봐야겠네요. 끙...
  • profile
    웹지기 2017.09.17 23:17:41
    아.. 이제 알았습니다. 저 설정이 입력된 상태로 에디터에서 각주를 사용할때 태그와 스타일이 아예 적용되어 버리는군요.

    설정을 바꾸게 되면 각주를 지우고 다시 작성해야 되는거였네요.
  • profile
    윤삼 2017.09.17 23:23:52
    아, 네.. 출력 단계에서 바꿔치기 하는 게 아니라 에디터 입력 과정에서 뿌려주는 거여서 기존에 작성된 문서에는 적용되지 않을 거예요.
  • profile
    윤삼 2017.09.17 22:17:50
    그리고 XE에서 일반회원 사용 이슈는...
    https://www.xetown.com/board/289861 의 2번과 3번의 설정을 해줘야 하는데,
    이거는 컴포넌트 특성에 맞춰서 나중에 팁을 재정리해서 올려보도록 하겠습니다.
  • profile
    간장게장 2017.09.18 00:30:45
    XE 에서 비관리자 계정에서 제대로 안되는 건 구조적인 문제인 것 같으니,, 그냥 관리자만 사용해야 할 것 같습니다. 그리고 0.2버전에서는 애드온 작동시켜도 Ctrl+X, C, Y, Z 등의 단축키 기능도 정상대로 작동합니다.^^

    중간에 각주 번호를 삭제해도 번호 재정렬이 안되고 각주 내용도 삭제되지 않습니다..
    그렇지만 다른 각주를 추가하는 순간 다시 재정렬되고 기존에 삭제한 각주번호에 해당하는 각주 내용도 삭제는 됩니다...
  • profile
    윤삼 2017.09.18 00:40:32

    현재 크롬에서 블록 지정 후 각주 마커 삭제시 재정렬이 안 되고 내용 삭제가 안 되는 문제는 인지하고 있습니다.

    ( http://bit.ly/2etMIwY 에서 기술적 사항 7번 > 항목 참조 )
    그리고 블록을 지정하지 않고 그냥 커서에서 del이나 back-space 키로 마커를 삭제할 경우에는 재정렬과 내용 동시 삭제가 되는 것으로 알고 있구요.

    혹시 어떤 브라우저에서 어떤 방식으로 삭제하셨는지 확인해주실 수 있을까요?

  • profile
    간장게장 2017.09.18 02:08:07

    크롬에서 마우스로 범위를 지정해서 삭제했습니다. 백스페이스 등으로 삭제해야 하는 거네요. ^^;;

    참, 그리고 이후 발생한 현상인데요.. 이 애드온 때문인지는 정확하지 않습니다만,
    0.2 적용 이후 외부 SNS 공유할 때 이미지(섬네일)가 발행되지 않는 현상이 나타나고 있네요.
    0.2 적용 이전 어제만 해도 공유할 때 이미지 이상없이 함께 발행되었는데, 트위터, 페이스북, 구플 등에서 모두 이미지가 반영되지 않네요.

  • profile
    윤삼 2017.09.18 02:19:20
    그게 삭제의 경우에는 IE 계열은 어떤 식으로 삭제를 해도 잘 작동되는데,
    크롬은 유독 블록 삭제할 경우 문제가 있더라구요;;
    암튼 이 부분은 연구를 좀 해봐야 할 것 같아요.

    소셜 미디어로의 페이지 공유는 어떤 식으로 하시나요?
  • profile
    간장게장 2017.09.18 17:00:55
    SNS 공유는 뭐 특별한 것은 없습니다. 글 주소를 붙여는 방식인데..
    지금까지는 글에 이미지가 있으면 그대로 반영됐는데 글본문 이미지가 아닌 사이트 메인 대표 이미지가 반영되고 있습니다.
    감사합니다.
  • profile
    윤삼 2017.09.18 17:28:23 Files첨부 (1)

    일단 제 사이트에서는 문제 없이 잘 공유되고 있는 걸 확인했습니다.

    0.jpg

     

    잘은 모르겠지만 제가 제공해드리고 있는 컴포넌트나 애드온이 SEO 설정에 영향을 주지는 않을 것 같은데...

    어떤 문제인지 확인을 해볼 수가 없군요ㅠㅠ

     

  • profile
    간장게장 2017.09.18 19:02:44
    제가 사용하는 다른 뭔가와 충돌이 있을 수 있습니다.. 확인해 보도록 하겠습니다.
    참고로 0.1 사용 때는 애드온은 복사 붙여넣기 등이 작동하지 않아 애드온은 사용하지 않았었습니다.

    다시 한번 확인해 보겠습니다.
    감사합니다.
  • profile
    간장게장 2017.09.18 20:40:17 Files첨부 (2)

     

    애드온을 활성화했을 때이고요.

     

    sample_2.jpg

     

     

    에디터 컴포넌트는 적용했지만 애드온은 비활성화했을 때입니다.

     

    sample_1.jpg

     

    다른 뭔가와 충돌이 있을 수는 있는데 어떤 원인인지는 아직 확인 중에 있습니다.

     

     

  • profile
    윤삼 2017.09.18 21:29:47

    같은 주소를 가지고 비교를 해주셔야 할 거 같은데;;;;
    그리고, 페북의 경우엔 한 번 등록된 주소의 대표이미지는 서버에 저장했다가 뿌려주기 때문에,
    설정을 바꾸셨으면 한참 후에 재접속하거나,
    아니면 페북 개발자 페이지 어딘가에 들어가서 간장게장님 주소를 새로 파싱하도록 재설정해주셔야 할 거예요.

    현재 애드온 비활성화 상태인 거죠?
    방금 살펴보니, 올려주신 주소 가운데,

    첫 번째 주소는 og:image 가 사이트 대표 이미지로 되어 있구요.
    두 번째 주소는 문서의 커버 이미지로 되어 있네요.
    ... 그렇다면 애드온이랑 관련된 문제는 아니지 않을까요..

    그리고 이건 여담인데요.
    meta 태그 정보 상당수가 head가 아니라 body에 들어가 있네요.
    그리고 섬네일의 경우 이미지의 html 주소가 깨져 있는 거 같구요.

  • profile
    웹지기 2017.09.18 21:54:09
    잘못 만들어진 팝업애드온 같은거 사용하면 저렇게 메타태그 가 body로 가더라구요.

    그리고 공유해볼 필요없이 소스보기 에서 메타태그만 잘 보면 될 것 같아요.

    메타태그 위치 잘 잡을 수 있도록 문제가 되는 자료 범인을 찾아야 겠네요.
  • profile
    간장게장 2017.09.19 07:44:28
    조언 감사합니다.
    말씀대로 같은 주소는 계속 이미지가 반영되지 않습니다. 어제까지는요.
    다시 한번 살펴봐야겠습니다.
  • profile
    웹지기 2017.09.18 17:39:53
    에디터,애드온 둘을 하나씩 꺼가며 비교해서 어느것이 원인인지 부터 찾아보세요.
    에디터,애드온 둘다 사용 안했는데도 그렇다면 원래부터 문제가 있었던.....
  • profile
    간장게장 2017.09.19 07:45:29
    특별히 사용하는 팝업 애드온은 없는데 .. 음.. 이렇게 한번 문제가 생기면 원인 찾기가 무지 어려워지네요..
  • profile
    웹지기 2017.09.19 08:02:58
    애드온을 다 끄고 하나씩 켜보세요.
  • profile
    웹지기 2017.09.19 09:32:36

    사이트의 메타태그 중 특이점이 중간에 플로팅 동영상팝업 애드온의 스타일이 끼어 드는 것도 특이점입니다.


    <link rel="canonical" href="http://www.airtravelinfo.kr/xe/air_news/1230866" />
    <meta name="keywords" content="항공, 비행기, 공항, 항공권, 승무원, 조종사, 수하물, 좌석, 항공기, 항공상식" />
    <meta name="description" content="상용 제트 항공기, 기내 공기 오염 우려 이지제트, 업계 최초로 공기 여과시스템 개발 테스트 예정 이지제트가 업계 최초로 항공기 객실내 공기 여과시스템 테스트를 내년 실시한다. 상용 민간 제트 항공기 대부분 블리드에어를 통해 기내에 공기를 공급하지만 엔진을 통과하기 때문에 때로는 유출된 오일 등에 의해 오염된 공기가 기내로 유입될 수 있다는 우려가 제기되어 왔다. 일명 항공독성증후군(Aerotoxic Syndro..." />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="이지제트, 업계 최초 기내 공기 여과 시스템 적용 예정 - 새로운 소식 - 항공여행정보" />
    <meta name="twitter:description" content="상용 제트 항공기, 기내 공기 오염 우려 이지제트, 업계 최초로 공기 여과시스템 개발 테스트 예정 이지제트가 업계 최초로 항공기 객실내 공기 여과시스템 테스트를 내년 실시한다. 상용 민간 제트 항공기 대부분 블리드에어를 통해 기내에 공기를 공급하지만 엔진을 통과하기 때문에 때로는 유출된 오일 등에 의해 오염된 공기가 기내로 유입될 수 있다는 우려가 제기되어 왔다. 일명 항공독성증후군(Aerotoxic Syndro..." />
    <meta name="twitter:domain" content="항공여행정보" />
    <meta property="og:locale" content="ko_KR" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="http://www.airtravelinfo.kr/xe/air_news/1230866" />
    <meta property="og:site_name" content="항공여행정보" />
    <meta property="og:title" content="이지제트, 업계 최초 기내 공기 여과 시스템 적용 예정 - 새로운 소식 - 항공여행정보" />
    <meta property="og:description" content="상용 제트 항공기, 기내 공기 오염 우려 이지제트, 업계 최초로 공기 여과시스템 개발 테스트 예정 이지제트가 업계 최초로 항공기 객실내 공기 여과시스템 테스트를 내년 실시한다. 상용 민간 제트 항공기 대부분 블리드에어를 통해 기내에 공기를 공급하지만 엔진을 통과하기 때문에 때로는 유출된 오일 등에 의해 오염된 공기가 기내로 유입될 수 있다는 우려가 제기되어 왔다. 일명 항공독성증후군(Aerotoxic Syndro..." />
    <meta property="article:published_time" content="2017-09-18T01:58:18+09:00" />
    <meta property="article:modified_time" content="2017-09-18T01:58:18+09:00" />
    <meta property="article:tag" content="이지제트" />
    <meta property="article:tag" content="블리드에어" />
    <meta property="article:tag" content="Bleed Air" />
    <meta property="article:tag" content="항공기" />
    <meta property="article:tag" content="객실" />
    <meta property="article:tag" content="오염" />
    <meta property="article:tag" content="엔진" />
    <meta property="article:tag" content="제트엔진" />
    <meta property="article:tag" content="easyJet" />
    <meta property="article:tag" content="여과시스템" />
    <meta property="article:tag" content="항공독성증후군" />
    <meta name="twitter:image:src" content="http://www.airtravelinfo.kr/xe/files/attach/site_image/site_image.1464921123.png" />
    <meta property="og:image" content="http://www.airtravelinfo.kr/xe/files/attach/site_image/site_image.1464921123.png" />
    <meta property="og:image:width" content="452" />
    <meta property="og:image:height" content="452" />
    <script>var vm_logged = 'false';var vm_guest = 'Y';var vm_grant_msg = '권한이 없습니다.';var vm_confirm = 'N';var vm_confirm_msg_v = '추천하시겠습니까?';var vm_confirm_msg_b = '비추천하시겠습니까?';var vm_confirm_msg_d = '신고하시겠습니까?';</script>
    <style>
    #floating_video
    {
    position: fixed !important;
    z-index: 999999;
    top: initial !important;
    width: 400px !important;
    height:300px !important;left: initial !important;

    right:0px; bottom: 0px;}
    #closePopupbtn
    {

    height: 23px;
    width:70px;
    position: fixed;

    z-index: 999999; left: initial !important;
    bottom:300px;
    right:0px;
    display:none;
    }

    #closePopupbtn input {
    cursor:pointer !important;
    border: none;
    height: 23px;
    width:70px;
    background: url(../addons/floating_video/images/button.png);
    }


    @media only screen and (max-width:768px)
    {
    #closePopupbtn
    {
    position: fixed;

    bottom:300px !important;

    left: initial !important;

    right:0px !important;
    }
    #floating_video{
    min-width:initial;
    width:auto!important;
    height:300px !important;
    bottom:0px !important;
    left: initial !important;

    right:0px !important;
    }
    #play_popup iframe
    {
    width: 100%; max-height:350px !important;
    }
    }
    #play_popup iframe
    {
    width: 100%;
    }


    #play_popup{ margin:0 auto; }
    </style>

    <script> var addonHashtagsJsOptions = ["title_content", 1, "#FE2E2E", 1]; </script>
    <meta property="og:url" content="http://www.airtravelinfo.kr/xe/1230866" />
    <meta property="og:title" content="이지제트, 업계 최초 기내 공기 여과 시스템 적용 예정" />
    <meta property="og:description" content="상용 제트 항공기, 기내 공기 오염 우려 이지제트, 업계 최초로 공기 여과시스템 개발 테스트 예정 이지제..." />
    <meta property="og:image" content="http://www.airtravelinfo.krhttp://www.airtravelinfo.kr/xe/files/thumbnails/866/230/001/80x80.crop.jpg" />


    ----------------------------------

    보통은 메타태그가 모두 이어져 있는데 이래서 중간에 끼어든 것이 있는 이후 메타태그는 긁어가지 못할 수도 잇을 것 같다는 생각도 듭니다.

     

     

    *제가 예전에 경험한 팝업 애드온도 마찬가지로 이 애드온이 이상한 곳에 끼어들고 메타태그를 body쪽으로 위치하게 만들었습니다. 그래서 팝업 애드온을 예시로 언급해 드린거구요.

     

    그런데 윤삼님이 언급하신 메타태그가 body쪽에 위치하지는 않은 것 같네요. 제가 잘못본게 아니라면요.

  • profile
    간장게장 2017.09.19 18:18:46
    감사합니다.
    한번 하나씩 확인해 보겠습니다. ^^;;
  • profile
    웹지기 2017.09.18 14:20:40
    일단 새창으로 열리는 문제는..
    https://www.xetown.com/qna/737908

    위 내용으로 해결했어요. 혹시 다른 링크에서 문제가 발생하면 다시 요청드릴게요.
  • profile
    윤삼 2017.09.18 14:54:22

    자체 해결하셨군요.
    저도 반영은 해둔 상태인데 http://bit.ly/2f3TEgT > 14번 항목
    안 그래도 스타일링 작업 끝나면 업데이트 버전 올리려고 했었죠ㅎㅎ

    해당 애드온 호출 시점이 워낙 끄트머리다 보니, 아무래도 해시 이동시 영향을 안 받을 수가 없겠더라구요.
    암튼, 웹지기님이 하신 것처럼 근본적인 해결은 그 애드온에서 해시 이동을 외부로 인식하지 못하게 하는 것 같긴 해요.


서버에 요청 중입니다. 잠시만 기다려 주십시오...