들여쓰기 토글
갠홈 공사용 코드
갠홈 미나리나물 2026.04.30.   02:48

게시판 최대 넓이 조정
<?if($board['bo_table_width']>0){?>style="max-width:<?=$board['bo_table_width']?><?=$board['bo_table_width']>100 ? "px":"%"?>;margin:0 auto;"<?}?>
이 코드를 넓이 조정할 태그에 넣기

masonry 레이아웃
언젠가 이걸 적용한 갤러리 리스트를 만들어보는 게 위시...

클릭하면 복사되는 코드

①https://clipboardjs.com/ 여기 들어가서 Install 밑에 download.zip 을 받기
② 갠홈 폴더중 js 폴더에 clipboard.min.js 를 넣기
③ head.php를 열어서
<script src="<?php echo G5_JS_URL ?>/clipboard.min.js"></script>
이코드를
<!-- 헤더 영역 -->
위에 넣기

④ 게시글 html 최하단에 아래를 붙여넣기
<script>
      var clipboard = new ClipboardJS( '.btn' );
      clipboard.on( 'success', function() {
        alert( '복사 완료 메세지' );
      } );
      clipboard.on( 'error', function() {
        alert( '복사 실패 메세지' );
      } );
    </script>
⑤ 원하는 이미지에
<p class="btn" data-clipboard-text="복사될 내용" style="text-align: center;"><원하는 이미지 주소></p>
이렇게 감싸기

텍꾸 추가하기
① 텍스트 서식 추가
1. css 폴더 textggu.css 에 텍스트 서식 추가
2. extend > mmb.lib 의 콜링 설정 아래에
$str = preg_replace('`텍꾸치환자이름\[(?![\s])(.?)(?<![\s*])\]`', '<span class="텍꾸css클래스이름">$1</span>', $str);
이렇게 추가하기

②텍꾸를 모든 게시판에 적용하기
lib 폴더 common.lib.php 의
function markup_text($str, $restore=false)
{
//여기부턴 textggu.css를 사용한다
//아래부터(1465번줄)
$source[] = "`기타6\[(?![\s])(.?)(?<![\s*])\]`";
$target[] = "<span class='textggu--etc6'>$1</span>";
이런 방식으로 수정하기

포타 파쿠리 자간행간
word-break: break-all;
word-spacing: -1px;
letter-spacing: -0.2px;
line-height: 180%;
font-size: 16px;
font-weight: 300;

부드럽게 열리는 상자
$(".more_open_close").click(function(){
	if($(this).next().hasClass('more_content_box')){
		 $(this).next().slideToggle(function(){
			var txt=$(this).prev();
			if(txt.text()=="열기"){
				txt.text("접기");
			}else if(txt.text()=="접기"){
				txt.text("열기");
			}
		 });
	}else{
		$(this).parents('p').siblings('.more_content_box').slideToggle(function(){
		var txt=$(this).prev().find('.more_open_close');
		if(txt.text()=="열기"){
			txt.text("접기");
		}else if(txt.text()=="접기"){
			txt.text("열기");
		}	
		});
	}
	return false;
});
]
아보카도 에디션에 기본적으로 있는 이 코드를 사용해서...(위치는 js의 _custom? 일거임)
<a href="#" class="more_open_close ui-btn point">
<span style="color: rgb(90, 80, 75);" >버튼명</span ></a>
<div class="more_content_box" style="display: none;">내용</div>
이런 식으로

투명도에 따른 컬러코드
투명도 진수
100% FF
95% F2
90% E6
85% D9
80% CC
75% BF
70% B3
65% A6
60% 99
55% 8C
50% 80
45% 73
40% 66
35% 59
30% 4D
25% 40
20% 33
15% 26
10% 1A
5% 0D
0% 00

그누보드 Webp 인식 스마트에디터
스마트에디터에서 WebP 파일을 업로드하고 이미지로 인식하도록 하는 방법입니다


1-1. smarteditor / photo_uploader / popup / js / basic.js  25줄
filter : /^(image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png)$/i,

를 아래와 같이 변경

filter: /^(image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png|image\/webp)$/i,


1-2. smarteditor / photo_uploader / popup / js / basic.js  224줄
acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png)$/i,

를 아래와 같이 변경

acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png|webp)$/i,


2. SmartEditor / photo_uploader / popup / js / jquery.fileupload.js  1287줄
file_types_description : "Image Files (JPG, JPEG, PNG, BMP, GIF)",

를 아래와 같이 변경

file_types_description : "Image Files (JPG, JPEG, PNG, BMP, GIF, WEBP)",


3-1. SmartEditor / photo_uploader / popup / php / UploadHandler.php  28줄
        "image/png"       => array("imagecreatefrompng", "imagepng"),

아래에 내용 추가

        "image/webp"      => array("imagecreatefromwebp", "imagewebp"),


3-2. SmartEditor / photo_uploader / popup / php / UploadHandler.php  97, 100, 108줄
'/\.(gif|jpe?g|bmp|png)$/i',

를 검색해서 아래와 같이 변경

'/\.(gif|jpe?g|bmp|png|webp)$/i',


3-3. SmartEditor / photo_uploader / popup / php / UploadHandler.php  502줄
preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) {

를 아래와 같이 변경

preg_match('/^image\/(gif|jpe?g|png|webp)/', $type, $matches)) {


3-4. SmartEditor / photo_uploader / popup / php / UploadHandler.php  516줄
                case IMAGETYPE_GIF:
                    $extensions = array('gif');
                    break;

아래에 내용 추가
                case IMAGETYPE_WEBP:
                    $extensions = array('webp');
                    break;


3-5. SmartEditor / photo_uploader / popup / php / UploadHandler.php  708줄
            case 'png':
                $src_func = 'imagecreatefrompng';
                $write_func = 'imagepng';
                $image_quality = isset($options['png_quality']) ?
                $options['png_quality'] : 9;
                break;

아래에 내용 추가
            case 'webp':
                $src_func = 'imagecreatefromwebp';
                $write_func = 'imagewebp';
                $image_quality = null;
                break;


3-6. SmartEditor / photo_uploader / popup / php / UploadHandler.php  1306줄
            case 'gif':
                return 'image/gif';

아래에 내용 추가
            case 'webp':
                return 'image/webp';


4. SmartEditor / photo_uploader / popup / swfupload / handlers.js  290, 324줄
/\.(jpg|png|gif)$/i;
를 검색해서 변경
/\.(jpg|png|gif|webp)$/i;