코드이그나이터 기반 PHP 오픈소스 게시판 : 씨아이보드

[씨아이보드] 일반페이지(document)에서 이미지맵 적용하기

CI보드는 document의 에디터에서 이미지를 넣고 이미지맵을 등록하면 실제 보여지는 페이지에서 이미지맵이 작동하지 않습니다.

이는 이미지를 표시할때  get_view_thumbnail 이라는 함수로 이미지에 붙이는 속성들을 재구성 하기 때문입니다.


/application/helpers/basic_helper.php 의 955라인 get_view_thumbnail() 함수에 필요한 이미지 속성을 추가합니다.


$img = $matches[1][$i];

preg_match("/src=[\'\"]?([^>\'\"]+[^>\'\"]+)/i", $img, $m);

$src = isset($m[1]) ? $m[1] : '';

preg_match("/style=[\"\']?([^\"\'>]+)/i", $img, $m);

$style = isset($m[1]) ? $m[1] : '';

preg_match("/width:\s*(\d+)px/", $style, $m);

$width = isset($m[1]) ? $m[1] : '';

preg_match("/height:\s*(\d+)px/", $style, $m);

$height = isset($m[1]) ? $m[1] : '';

preg_match("/alt=[\"\']?([^\"\']*)[\"\']?/", $img, $m);

$alt = isset($m[1]) ? html_escape($m[1]) : '';

preg_match("/usemap=[\"\']?([^\"\']*)[\"\']?/", $img, $m);

$usemap = isset($m[1]) ? html_escape($m[1]) : '';

if (empty($width)) {

preg_match("/width=[\"\']?([^\"\']*)[\"\']?/", $img, $m);

$width = isset($m[1]) ? html_escape($m[1]) : '';

}

if (empty($height)) {

preg_match("/height=[\"\']?([^\"\']*)[\"\']?/", $img, $m);

$height = isset($m[1]) ? html_escape($m[1]) : '';

}


.......


if ($width) {

$thumb_tag .= ' width="' . $width . '" ';

}

$thumb_tag .= 'alt="' . $alt . '" usemap="'. $usemap.'" style="max-width:100%;"/>';


$img_tag = $matches[0][$i];

$contents = str_replace($img_tag, $thumb_tag, $contents);





이렇게 추가해 주면 이미지맵이 작동합니다.


1
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오톡으로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

팁&테크

번호 제목 글쓴이 날짜 조회수
공지 Github 운영을 시작합니다 +10 icon 관리자 11-19 9,690
공지 씨아이보드 3 배포 안내 +18 icon 관리자 11-09 11,384
54 씨아이보드 php7.4 + mysql 8 설치 경험 공유 합니다. 돌아온니모 02-04 193
53 씨아이보드 카카오 소셜 로그인 불가시. 아카이 11-13 398
52 씨아이보드 소셜로그인 네이버로그인 안될때 해결방법 플라이이글스 09-22 525
51 코드이그나이터 smarteditor 사진업로드가 안되는 현상 해결방법(400error) 플라이이글스 08-11 590
50 씨아이보드 게시판 첨부 이미지 클릭시 새창 안뜨고 오리지날 이미지로 확대축소만 하… 옹박 04-23 702
49 씨아이보드 install 시 step4 에서 데이터베이스 접속 실패 뜨시는분? +2 왕돌 09-26 1,712
48 씨아이보드 smslib 장문 문자 발송 수정 하마쿵 04-11 2,055
47 씨아이보드 게시판 post 하단에 다음글, 이전글 제목 나오기 whalam 04-09 1,554
46 씨아이보드 다음 juso.js 파일이 로드되지 않았습니다. +1 ceoseo 12-04 2,001
45 서버 APM AUTO INSTALL V 0.2.9 +4 icon 아파치 11-26 1,613
44 씨아이보드 일단 erd그렸습니다. +13 icon Rido 11-10 3,745
43 씨아이보드 CIBOARD 설치가 안됩니다. 답변 부탁드립니다. +4 백경우 11-01 1,603
42 씨아이보드 스마트에디터 파일업로드시 도메인부분을 제거하고 이미지 태그 등록 +4 꽃이피는첫걸음 10-18 1,908
41 씨아이보드 비밀글 열람 권한 지정 옵션 꽃이피는첫걸음 10-15 1,265
40 씨아이보드 post에 글주소 클립보드 복사기능 대체(크롬에서 정상작동) +2 꽃이피는첫걸음 10-05 1,261
39 씨아이보드 일반페이지(document)에서 이미지맵 적용하기 꽃이피는첫걸음 10-02 864
38 씨아이보드 CIBOARD에 summernote 에디터 추가 +3 BOSS 08-03 1,610
37 씨아이보드 날짜를 연도까지 나오게 하기.. +1 마젠토 11-10 2,873
36 씨아이보드 디렉토리 구조 이해하기 +4 icon 해피정 08-17 5,391
35 씨아이보드 utf8mb4 로 설치하기 (2017-08-11 수정) icon 해피정 08-11 2,663