Omeka Classic 목록 입수 플러그인(CSV Import Plus)의 HTML 사용 옵션 관련 유의사항
목록에 HTML 스크립트가 들어 있는 경우 플러그인의 입수 옵션 설정에서 Use HTML 항목을 체크한 후 입수하면 이용자 페이지에서 해당 항목의 HTML 스크립트가 활성화되어 나타납니다.
입수 후 이용자 페이지를 확인해 보면 아래와 같이 HTML 스크립트가 활성화 되어 링크가 걸려 있는 것을 확인할 수 있습니다.
바로가기링크 : 구글
단, Use HTML 항목 사용 시 다음과 같은 사항에 유의해야 합니다.
작성한 목록에 아래와 같은 경우가 있는지 먼저 체크한 후 입수를 진행해야 합니다.
목록 입수 후 시스템에서 해당 항목 정보를 확인하면 span 태그에 사용자가 정의한 스타일 설정은 아래와 같이 삭제되고 기본 태그 정보만 남게 됩니다.
<span>테스트입니다....</span>
이와 같은 문제로 목록 작성 시 html 스크립트에는 인라인 스타일 스크립트는 넣지 말고 기본 태그만 사용해야 합니다.
css를 반드시 적용해야 되는 경우에는 목록에선 기본 태그만 사용하고 대신 서버에서 css 파일을 별도로 만들어서 사용자 정의 스타일을 설정하고 보기 페이지에서 해당 태그에 클래스를 설정해주면 됩니다.
예를 들어 style.css라는 이름의 css 파일을 생성한 후 아래와 같이 간단한 스타일을 정의합니다.
만약 유튜브 영상 같이 미리보기 메타항목에 아이프레임 스크립트를 꼭 넣어야 하는 경우엔 플러그인의 Use HTML 옵션은 체크하지 않고 입수해야 합니다.
Use HTML 옵션을 체크하지 않는 경우엔 들어 있는 HTML 스크립트가 화면에 그대로 노출됩니다.
이런 문제로 입수 후에는 아이템 편집 모드에 들어가서 해당 메타항목의 HTML 사용 체크박스 옵션을 체크해야 스크립트가 비로소 활성화됩니다. 이 옵션을 체크하지 않는 경우 이용자 화면에선 위의 html 스크립트가 그대로 노출되므로 주의해야 합니다.
아래와 같이<img> 태그를 사용하면 목록 입수 후 img 요소가 모두 삭제됩니다.
<img src="http://google.com/test.jpg">
입수 후 이용자 페이지를 확인해 보면 아래와 같이 HTML 스크립트가 활성화 되어 링크가 걸려 있는 것을 확인할 수 있습니다.
바로가기링크 : 구글
단, Use HTML 항목 사용 시 다음과 같은 사항에 유의해야 합니다.
작성한 목록에 아래와 같은 경우가 있는지 먼저 체크한 후 입수를 진행해야 합니다.
1. 사용 태그에 css 스타일 설정이 들어 있는 경우
목록에서 HTML 입력 시 스타일 적용을 위해 CSS 스크립트가 인라인으로 들어가면 목록 입수 시 해당 스타일 설정이 모두 삭제됩니다.목록 입수 후 시스템에서 해당 항목 정보를 확인하면 span 태그에 사용자가 정의한 스타일 설정은 아래와 같이 삭제되고 기본 태그 정보만 남게 됩니다.
<span>테스트입니다....</span>
이와 같은 문제로 목록 작성 시 html 스크립트에는 인라인 스타일 스크립트는 넣지 말고 기본 태그만 사용해야 합니다.
css를 반드시 적용해야 되는 경우에는 목록에선 기본 태그만 사용하고 대신 서버에서 css 파일을 별도로 만들어서 사용자 정의 스타일을 설정하고 보기 페이지에서 해당 태그에 클래스를 설정해주면 됩니다.
예를 들어 style.css라는 이름의 css 파일을 생성한 후 아래와 같이 간단한 스타일을 정의합니다.
.description span {
color: red;
font-size: 20px;
}
그리고, 아이템 보기 페이지에서 head 영역에 <link> 태그를 사용해서 style.css을 불러온 다음
내용 출력 영역의 <span> 태그에 위에서 설정한 class를 넣어줍니다.
<html>
<head>
<link href="http://서버주소/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<span class="description"><?php echo $내용; ?></span>
</body>
</html>
위와 같이 수정한 후에는 목록 입수 시 내용 메타의 정보값은 프론트엔드 페이지에서 css 스타일이 적용되어 나타나게 됩니다.
그리고, 아이템 보기 페이지에서 head 영역에 <link> 태그를 사용해서 style.css을 불러온 다음
내용 출력 영역의 <span> 태그에 위에서 설정한 class를 넣어줍니다.
<html>
<head>
<link href="http://서버주소/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<span class="description"><?php echo $내용; ?></span>
</body>
</html>
위와 같이 수정한 후에는 목록 입수 시 내용 메타의 정보값은 프론트엔드 페이지에서 css 스타일이 적용되어 나타나게 됩니다.
2. <iframe> 태그가 들어 있는 경우
아래와 같이 iframe 스크립트를 사용하면 목록 입수 후 iframe 요소가 모두 삭제됩니다.
<iframe width="320" height="240" src="https://www.youtube.com/embed/ir4QXufeACc" frameborder="0" allowfullscreen></iframe>
<iframe width="320" height="240" src="https://www.youtube.com/embed/ir4QXufeACc" frameborder="0" allowfullscreen></iframe>
Use HTML 옵션을 체크하지 않는 경우엔 들어 있는 HTML 스크립트가 화면에 그대로 노출됩니다.
3. <img> 태그가 들어 있는 경우
아래와 같이<img> 태그를 사용하면 목록 입수 후 img 요소가 모두 삭제됩니다.<img src="http://google.com/test.jpg">
Tagged: