림스 모바일 빌더 2.5.3 - jquery mobile framework > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

림스 모바일 빌더 2.5.3 - jquery mobile framework 정보

림스 모바일 빌더 2.5.3 - jquery mobile framework

본문

안녕하세요. 림스입니다.

본 프로그램은, 기본적으로 그누보드로 운영중인 홈페이지이어야만 사용가능합니다.


- 배포후에도 별도 업데이트가 이루어질수 있습니다.

- 업데이트 : http://bit.ly/NIYFqQ

- 업데이트 요약 [2.4.2 이후 내용]

1. 일부 계정에서 내용보기 클릭시 링크가 제대로 안되는 부분 수정
2. 썸네일형에서 이미지가 없을 경우 warning 수정
3. 비회원도 글작성이 가능하도록 추가
4. 글작성시 분류(카테고리)기능 추가
5. 게시판의 글읽기 권한이 없는 경우, 로그인화면 이동후 로그인 후 글내용으로 이동이 안되는 문제 수정
6. (통합) 최근게시글 추출 스킨화 기능추가



- 머리말

기존의 1.1.1에서 jquery mobile framework(이하 JM)와 합쳐진 림스 모바일 빌더 2.x 버젼 배포합니다.

기존의 버젼은, jquery가 아닌, 순수코딩으로 만들어진 놈이었습니다만, JM의 장점을 충분히 고려하여 업그레이드하였습니다.



JM의 장점으로는, 아래 링크에서 직접 확인하실 수 있습니다.

http://jquerymobile.com/

http://jquerymobile.com/demos/1.1.1/
[참고] 위 경로는, 설치된 m/jquery.mobile.index.php 와 같습니다.

Overview, Components, API까지 필요에 따라 자유자재로 적용이 가능하다는 장점이 있습니다.

jquery 목록 지원 : http://jquerymobile.com/demos/1.1.1/docs/lists/
[참고] Nested list, Thumbnails 가 m/skin/ 기본 포함되어있습니다. 기본 포함된 skin을 기초로, 다른 원하는 목록형태를 간단히 추가할수가 있습니다.
그외, 그라데이션 색상, 버튼형태등 여려가지들을 바꿔보실 수 있습니다.


단점은, 기존버젼에서 속도에서 개선이 된 jquery mobile 1.1.1을 포함하였습니다만, 림스 모바일 이전 버젼(1.1.1) 과 비교하여 약간 무거운 감은 있습니다. 비교후 사용하시면 될것 같습니다.
만약, 게시물이 많은 경우 적용후 알려주시면 참고가 되겠습니다.

ver 1.1.1 : http://www.rimsoft.co.kr/m2/
다운로드 : http://bit.ly/PG4JT7

ver 2.x : http://www.rimsoft.co.kr/m/



- 라이센스 (License)

GPL
2012.7.9


- 사용방법

가. 처음 사용자

1. 압축 푼 폴더명을 m으로 변경, 전체를 그누보드 설치된 루트에 m폴더 그대로 업로드합니다.
2. 그누보드 설치된 경로에 confing.php 파일에서 $g4[m_path]=$g4[path]."/m"; 을 추가합니다.
3. 그누보드 설치된 경로에 head.sub 파일에서 자바스크립트내 var g4_m = "<?=$g4['m_path']?>"; 을 추가합니다.
4. 업로드 된 m 폴더내 config.php 파일에서 설정값들을 홈페이지에 맞게 수정합니다.
5. 리스트 스킨은 기본 2가지가 포함되어있습니다. basic(일반리스트), thumbnails(썸네일 갤러리용)
6. 홈페이지/m 경로로 접속합니다.

** 캐릭터셋(euckr, utf8)을 잘 구분하여 받으시기 바랍니다. 아닌경우, 한글이 깨져서 보여집니다.


나. 기존 사용자

1. 원본 수정이 없는 경우 전체를 덮으시거나, 아래 업데이트 경로를 통해 업데이트를 진행합니다.
 
http://bit.ly/NIYFqQ

:)
추천
4

댓글 전체

몇가지 이상한점 발견되어 적습니다.
1.pc버전에서 에디터로 내pc사진넣기를 통해 이미지를 업로드 했거나
html을 사용해서 이미지를 본문 내용에 보이게 했을때
모바일빌더를 pc에서 보면 제대로 나오는데
모바일에서 확인하면 이미지 테그안에 높이가 넓이가 지정되어 있을경우에는
이미지 사이즈가 이상하게 나옵니다.

2. g4_write_rpb_notice 파일이 없다고 에러가 나오는데 림스빌더에 필요한 테이블인가요?
게시판마다 따로, 어떤 게시판은 리스트형식 어떤 게시판은 썸네일 형식 이런식으로 설정을 할려면
림스빌더를 사용하지 않으면 불가능한가요?

3. 림소프트 홈페이지도 마찬가지이고, 제가 설치해도 동일한데
몇번 클릭을 하다 보면
리스트 페이지에서 게시물을 클릭하면 본문 내용으로 바로 이동하는것이 아니라
리스트 페이지가 새로고침되고, 한번더 눌려야만 본문 내용으로 이동됩니다.
기종 : 갤럭시 s2.
1.
에디터로 업로드 했을 경우, 썸네일이나 리사이징(가로)이나 차기 패치때 반영될 예정입니다.

2. rpb 가 rims pro builder 약자로 림스프로빌더 설치시 구분짓기 위해 붙는 앞머리글자(그누보드는 g4)입니다. 즉 모바일빌더와는 관계가 없으며 config 파일을 환경에 맞게 수정을 해주어야 합니다.

3.
이미 제보가 된 상황이지만, 이번 패치때에는 반영된게 없습니다. 다음 패치때에? 한번 고려해보겠습니다.
하지만!! 의심되는 부분을 검색해 보았습니다.
우선 아래처럼 적용해보시고 알려주시면 감사하겠습니다.
skin/list.skin.basic.php에서 58 라인 <a 태그에  data-ajax="false" rel="external" 를 추가해보세요.
그누보드 / m / inc.cmt.php 를 변경해서 비회원 글쓰기를 사용하고 있습니다.

[ 수정전 ]
<div id="m_cmt_write">
<ul data-role="listview" data-inset="true">
<li data-role="fieldcontain">
<textarea id="wr_content" name="wr_content" rows="4" itemname="내용" required="required"
        placeholder="내용" onFocus="this.placeholder=''" class="input_txt2"></textarea>
</li>
<li class="ui-body ui-body-b">
<fieldset class="ui-grid-a">
<div class="ui-block-b"><button type="submit" data-theme="a">댓글쓰기</button></div>
</fieldset>
</li>
</ul>
</div>
</form>

[ 수정후 ]
<div id="m_cmt_write">
<ul data-role="listview" data-inset="true">

        <?php if ($is_guest) { ?>
    <li>
            이름 <INPUT type=text maxLength=20 size=10 name="wr_name" itemname="이름" required class=ed>
            패스워드 <INPUT type=password maxLength=20 size=10 name="wr_password" itemname="패스워드" required class=ed>
    </li>
        <?php } ?>
    <li>
        <input type=checkbox id="wr_secret" name="wr_secret" value="secret">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;비밀글
    </li>
    <li data-role="fieldcontain">
        <?php if ($comment_min || $comment_max) { ?><span id=char_count></span>글자<?php } ?>
    </li>
    <?php if ($is_guest) { ?>
    <li>
    <img id='kcaptcha_image' />
    </li>
    <li data-role="fieldcontain">
    <input type="text" name="wr_key" id="wr_key" required="required" placeholder="자동등록방지" value="" onFocus="this.placeholder=''"  />
    </li>
    <?php } ?>

<li data-role="fieldcontain">
<textarea id="wr_content" name="wr_content" rows="4" itemname="내용" required="required"
        placeholder="내용" onFocus="this.placeholder=''" class="input_txt2"></textarea>
</li>
<li class="ui-body ui-body-b">
<fieldset class="ui-grid-a">
<div class="ui-block-b"><button type="submit" data-theme="a">댓글쓰기</button></div>
</fieldset>
</li>
</ul>
</div>
</form>
<script type="text/javascript" src="<?="$g4[path]/js/jquery.kcaptcha.js"?>"></script>
에디터및 태그로 입력한 이미지들의 비율이 깨지는건 이런식으로 해결했고
<div class="view_contents"><?=preg_replace('/height=('|")?[0-9]+('|")?/i', 'height=' , $view['content']);?></div>

리스트 페이지에서 클릭했을때 새로고침되는 건 소스를 수정해도 그대로입니다.
주소는 view.php인데 새로고침되면서 화면은 리스트페이지로 가네요.
새로고침문제는 애매한 문제인데다 우선 제 환경에서는 증상 확인도 안되고 관련하여 해결책을 찾아보아도 안보고..ㅠㅠ
누가 해결좀 해주세요~!
일단 head.php 에 있는
$(function(){
        $("a").attr({"rel":"external"});
})
여기가 원인인듯 싶습니다. 주석처리하니 리프래쉬문제 해결되는듯 하네요.
글보기/글쓰기 등을 들어갔다가 링크를 통해 목록등으로 이동하는게 아니라 '뒤로'버튼을 누른다던지 우->좌 드래그로 이전페이지 이동(history.back)하고나면 생기는 증상이네요. 왜 그런지는..
뒤적거리다 왠지 그냥 느낌이 저거일거 같다는 느낌이 팍.. (역시 계룡산 정기가..)
참고로 폰에서는 나타나던 증상이 데탑(크롬으로 테스트했습니다)에서는 또 없네요;

rel 속성이 선언되지 않은 a 태그에만 external을 붙이고 싶으셨던거면 게시판내 링크들을 죄다 rel=internal 넣고 해당 스크립트를 아래처럼 고치면..
$('a').not('[rel]').attr({"rel":"external"});
하지만 그냥 주석으로 끝내는게 제일 깔끔하려나요? ^^;
돌핀 브라우져에서는 정확히 어떤 증상이 나타나나요?
참고로 말씀드리면, 이 빌더는 일부분 그누보드를 기반으로하고 jquery mobile와 합쳐진 것으로 호환성의 문제라면 jquery mobile쪽이 가깝다고 볼수있습니다.
즉, php소스는 호환성과 관련이 없으니 jquery mobile과 해당 브라우져의 호환성에 초점을 두고 문제해결책을 찾아봐야 할것 같습니다.
"통합최신글"에서 답변글에 대해서 제목의 표현 없이 [re]만 출력되는 현상이 나타나더군요. 코드 몇 개 수정좀 했습니다.

latest.skin.basic.php 파일 21번줄

수정전 : $list[$i]['subject']=$nbsp."[re]".$list['subject'];
수정후 : $list[$i]['subject']=$nbsp."[re]".$list[$i]['subject'];
일반페이지에서 모바일페이지로 / 모바일페이지에서 일반페이지로 직접 게시글을 찾아 들어 갈 수 있도록 코드 추가를 해 보았습니다. 정확한 위치를 말씀 드리기는 힘드네요. 관련 코드를 적어 놓을테니 참고하세요.

일반페이지에서 모바일페이지 넘어가기

<? if ($bo_table) { $URL="/m/view.php?bo_table=". $bo_table ."&wr_id=". $wr_id ."&page=". $page; } else { $URL="/m"; } ?>
<a href="<?=$g4[path]?><?=$URL?>">For Mobile</a>


모바일페이지에서 일반페이지 넘어가기
<? if ($bo_table) { $URL="/bbs/board.php?bo_table=". $bo_table ."&wr_id=". $wr_id ."&page=". $page; }
else { $URL="/"; } ?>
<a href="<?=$g4[path]?><?=$URL?>">For PC</a>
{이미지:1} 형식으로 본문 중간에 삽입된 이미지가 모바일 버전에서는
위 글자가 삽입된 위치가 아닌 무조건적으로 최상단에 이미지가 위치하는데요.
이부분을 해결할 방법이 없을까요?
게시판의 글읽기 권한이 없는 경우, 로그인화면 이동후 로그인 후 글내용으로 이동이 안되고
/m/m/view.php로 넘어가는 오류에 대해서..


"m/bbs/board.head.php" 67라인에서 "$g4[m_path]"를 "$g4[m_url]"로 변경하시면 됩니다.

수정전
            alert("글을 읽을 권한이 없습니다.\\n\\n회원이시라면 로그인 후 이용해 보십시오.", $g4[m_path]."/login.php?wr_id=$wr_id{$qstr}&url=".urlencode($g4[m_path]."/view.php?bo_table=$bo_table&wr_id=$wr_id"));

수정후
            alert("글을 읽을 권한이 없습니다.\\n\\n회원이시라면 로그인 후 이용해 보십시오.", $g4[m_url]."/login.php?wr_id=$wr_id{$qstr}&url=".urlencode($g4[m_url]."/view.php?bo_table=$bo_table&wr_id=$wr_id"));
로그아웃 상태에서 권한없는 글을 클릭하면 로그인 페이지가 뜨는데 거기서 로그인을 하면 클릭한 글로 가지않고 404에러 페이지로 이동하더라구요. 

m/login.php에서 16~43열 주석처리하고 $outlogin_url = $_SERVER[HTTP_REFERER]; 로 수정하니 잘 작동하네요.

참고 : http://g4.m.miwit.com/bbs/board.php?bo_table=g4_tiptech&wr_id=1016
안녕하세요 질문좀 올립니다.

질문이 두가지 인데요
1. 게시판 하단에 mysql version: 4.0.22-log - mysql version 4.1 이상이어야 합니다.
이런글이 나타납니다. 왜 그런 것인가요?


2. 새글이 올롸 와도 통합최신글에 나타나지 않는데 왜 그런 것인가요?
전체 3,524 |RSS
그누4 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT