각주 컴포넌트 및 애드온 0.2 업데이트 소식
0.2로 업데이트했습니다.
베타 딱지 떼고 슬슬 가속을 해봐야죠ㅎㅎ
https://xetown.com/rxe_file/722912
스타일링은 차후 작업으로 미루고 일단은 0.1 버전에서 나타났던 기능적 쟁점을 해결하는 데 비중을 둔 버전입니다.
그런 까닭에 달라진 점을 바로 체감하기는 어려울 수 있습니다.
주요 내용만 말씀 드리면,
- 각주 입력시 에디터 편집 가능
- 각주 섹션 제목(태그, 스타일 포함)을 사용자가 직접 입력 가능
- 댓글단에서 각주 컴포넌트 아이콘 삭제
- 기타 치명적 버그 수정
등을 꼽아볼 수 있겠네요 :)
여러모로 부족한 프로그램이에요.
일단 현재는 라이믹스+크롬+CK에디터 조합에 타겟을 맞추고 개발이 됐으니까요.
테스트 해보시고 의견 주시면 좋겠습니다.
아직 갈 길이 머네요.

윤삼
Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
댓글 39
포인트 마켓에서 당당히 보고 싶어요!!
ㅋㅋㅋㅋ 각주 스타일링 작업까지 일단락되면 당당히 올려보겠습니다.
각주 타이틀이 목차로 들어가 버리네요.
각주 타이틀의 태그를 h2가 아닌,
p라든가 span 등으로 바꾸시면 될 겁니다.
스타일 지정도 할 수 있어요.
아, 그 애드온... 얼른 처리해야겠네요ㅠ
일단 되더라도 컴포넌트 사용권한은 관리자그룹에게만 주셔야 할 거예요.
그러면 관리자가 아닌 경우 입력은 어떻게 되더라도 각주마커의 번호와 각주내용의 번호가 불일치하는 문제가 생길 수 있을 거예요.
특히 각주와 각주 사이에 새 각주를 입력한다든가, 각주를 복사나 잘라내기해서 다른 위치에 붙여넣기를 한다든가 할 때 오작동 위험이 있어요.
혹시 다음과 같이 설정을 해도 안 되던가요?
모듈 > 위지윅 에디터 > 에디터 컴포넌트 > 각주
혹시 설정을 새로 지정하셔도 목차에 포함되나요?
댓글에서 아이콘을 없애는 js 가 애드온에 있는거 같던데 댓글 에디터에도 각주 아이콘이 보이네요.
컴포넌트에서 설정된 각주 제목 관련 옵션을 가져와서,
각주에서 수정이 있을 경우에 각주 제목을 다시금 뿌려주는 작업이 포함되어 있기는 해요.
물론 그 값은 컴포넌트의 설정값이기 때문에, 새로운 값을 덮어쓴다거나 하지는 않을 거예요.
댓글 에디터에서 아이콘이 보인다면, 요소 포착을 하는 데 문제가 있나봅니다;;
다시 검토해봐야겠네요. 끙...
설정을 바꾸게 되면 각주를 지우고 다시 작성해야 되는거였네요.
https://xetown.com/board/289861 의 2번과 3번의 설정을 해줘야 하는데,
이거는 컴포넌트 특성에 맞춰서 나중에 팁을 재정리해서 올려보도록 하겠습니다.
중간에 각주 번호를 삭제해도 번호 재정렬이 안되고 각주 내용도 삭제되지 않습니다..
그렇지만 다른 각주를 추가하는 순간 다시 재정렬되고 기존에 삭제한 각주번호에 해당하는 각주 내용도 삭제는 됩니다...
현재 크롬에서 블록 지정 후 각주 마커 삭제시 재정렬이 안 되고 내용 삭제가 안 되는 문제는 인지하고 있습니다.
( http://bit.ly/2etMIwY 에서 기술적 사항 7번 > 항목 참조 )
그리고 블록을 지정하지 않고 그냥 커서에서 del이나 back-space 키로 마커를 삭제할 경우에는 재정렬과 내용 동시 삭제가 되는 것으로 알고 있구요.
혹시 어떤 브라우저에서 어떤 방식으로 삭제하셨는지 확인해주실 수 있을까요?
크롬에서 마우스로 범위를 지정해서 삭제했습니다. 백스페이스 등으로 삭제해야 하는 거네요. ^^;;
참, 그리고 이후 발생한 현상인데요.. 이 애드온 때문인지는 정확하지 않습니다만,
0.2 적용 이후 외부 SNS 공유할 때 이미지(섬네일)가 발행되지 않는 현상이 나타나고 있네요.
0.2 적용 이전 어제만 해도 공유할 때 이미지 이상없이 함께 발행되었는데, 트위터, 페이스북, 구플 등에서 모두 이미지가 반영되지 않네요.
크롬은 유독 블록 삭제할 경우 문제가 있더라구요;;
암튼 이 부분은 연구를 좀 해봐야 할 것 같아요.
소셜 미디어로의 페이지 공유는 어떤 식으로 하시나요?
지금까지는 글에 이미지가 있으면 그대로 반영됐는데 글본문 이미지가 아닌 사이트 메인 대표 이미지가 반영되고 있습니다.
감사합니다.
일단 제 사이트에서는 문제 없이 잘 공유되고 있는 걸 확인했습니다.
잘은 모르겠지만 제가 제공해드리고 있는 컴포넌트나 애드온이 SEO 설정에 영향을 주지는 않을 것 같은데...
어떤 문제인지 확인을 해볼 수가 없군요ㅠㅠ
참고로 0.1 사용 때는 애드온은 복사 붙여넣기 등이 작동하지 않아 애드온은 사용하지 않았었습니다.
다시 한번 확인해 보겠습니다.
감사합니다.
애드온을 활성화했을 때이고요.
에디터 컴포넌트는 적용했지만 애드온은 비활성화했을 때입니다.
다른 뭔가와 충돌이 있을 수는 있는데 어떤 원인인지는 아직 확인 중에 있습니다.
같은 주소를 가지고 비교를 해주셔야 할 거 같은데;;;;
그리고, 페북의 경우엔 한 번 등록된 주소의 대표이미지는 서버에 저장했다가 뿌려주기 때문에,
설정을 바꾸셨으면 한참 후에 재접속하거나,
아니면 페북 개발자 페이지 어딘가에 들어가서 간장게장님 주소를 새로 파싱하도록 재설정해주셔야 할 거예요.
현재 애드온 비활성화 상태인 거죠?
방금 살펴보니, 올려주신 주소 가운데,
첫 번째 주소는 og:image 가 사이트 대표 이미지로 되어 있구요.
두 번째 주소는 문서의 커버 이미지로 되어 있네요.
... 그렇다면 애드온이랑 관련된 문제는 아니지 않을까요..
그리고 이건 여담인데요.
meta 태그 정보 상당수가 head가 아니라 body에 들어가 있네요.
그리고 섬네일의 경우 이미지의 html 주소가 깨져 있는 거 같구요.
그리고 공유해볼 필요없이 소스보기 에서 메타태그만 잘 보면 될 것 같아요.
메타태그 위치 잘 잡을 수 있도록 문제가 되는 자료 범인을 찾아야 겠네요.
에디터,애드온 둘다 사용 안했는데도 그렇다면 원래부터 문제가 있었던.....
사이트의 메타태그 중 특이점이 중간에 플로팅 동영상팝업 애드온의 스타일이 끼어 드는 것도 특이점입니다.
<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쪽에 위치하지는 않은 것 같네요. 제가 잘못본게 아니라면요.
한번 하나씩 확인해 보겠습니다. ^^;;
https://xetown.com/qna/737908
위 내용으로 해결했어요. 혹시 다른 링크에서 문제가 발생하면 다시 요청드릴게요.
자체 해결하셨군요.
저도 반영은 해둔 상태인데 http://bit.ly/2f3TEgT > 14번 항목
안 그래도 스타일링 작업 끝나면 업데이트 버전 올리려고 했었죠ㅎㅎ
해당 애드온 호출 시점이 워낙 끄트머리다 보니, 아무래도 해시 이동시 영향을 안 받을 수가 없겠더라구요.
암튼, 웹지기님이 하신 것처럼 근본적인 해결은 그 애드온에서 해시 이동을 외부로 인식하지 못하게 하는 것 같긴 해요.