Fix 23.08.04 일자로 다른 작업으로 인해 부득이하게 테스트 페이지 삭제처리 했습니다. 안녕하세요~!! 카카오 지도api 연동 게시판 PC버전에 이어 모바일(mobile...
게시판 글쓰기 이모지 넣기 기능
게시글에 이모지콘이 필요할때 만들어 보았습니다.
버전 5.4.18
[code]
config.php
기존
define('G5_DB_CHARSET', 'utf8');
변경
define('G5_DB_CHARSET', 'utf8mb4');
[/code]
/adm/sql_write.sql
[code]
46라인
ENGINE=MyISAM DEFAULT CHARSET=utf8;
ENGINE=MyISAM DEFAULT CHARSET=utf8mb4;
[/code]
신규 게시판 생성후 write.skin.php 와 view.skin.php 에 적용
write.skin.php
[code]
<!-- Begin emoji-picker Stylesheets -->
<link href="./lib/css/emoji.css" rel="stylesheet">
<div class="bo_w_tit write_div">
<label for="wr_1" class="sound_only">이모지<strong>필수</strong></label>
<div id="autosave_wrapper" class="write_div">
<input type="text" data-emojiable="true" name="wr_1" value="<?php echo $wr_1 ?>" id="wr_1" required class="frm_input full_input required" size="50" maxlength="255" placeholder="이모지">
</div>
</div>
<!-- Begin emoji-picker JavaScript -->
<script src="./lib/js/config.min.js"></script>
<script src="./lib/js/util.min.js"></script>
<script src="./lib/js/jquery.emojiarea.min.js"></script>
<script src="./lib/js/emoji-picker.min.js"></script>
<!-- End emoji-picker JavaScript -->
<script>
$(function() {
// Initializes and creates emoji set from sprite sheet
window.emojiPicker = new EmojiPicker({
emojiable_selector: '[data-emojiable=true]',
assetsPath: './lib/img/',
popupButtonClasses: 'fa fa-smile-o'
});
// Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
// You may want to delay this step if you have dynamically created input fields that appear later in the loading process
// It can be called as many times as necessary; previously converted input fields will not be converted again
window.emojiPicker.discover();
});
</script>
[/code]
[code]
view.skin.php
<div><?php echo $view['wr_1'];?></div>
[/code]
lib폴더를 /bbs/ 밑에 업로드 해주세요
버전 정보
첨부파일
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
안녕 하세요 ~!! 오랜만에 카카오 지도API 연동 게시판을 업데이트해서 공개해볼까 합니다. @펄스나인 님이 공개해주신 버전을 토대로 1차적으로 수정해서 올려드린 적이 있었는데 많...
영카트 배너관리에서 목록/내용 페이지에서 배너 이미지 하단에 이미지 가로,세로 사이즈 를 표시 해 줍니다. 등록된 이미지의 사이즈를 바로 아실 수 있습니다. 소스는 별 기능없이 간...
slick을 이용한 나리야용 슬라이더 위젯입니다. - 사용방법 - 위젯경로 : /theme/BS4-Basic/widget/wr-news-big 그누보드용 : https://...
게시글에 이모지콘이 필요할때 만들어 보았습니다. 버전 5.4.18 [code] config.php 기존 define('G5_DB_CHARSET', 'utf8'); 변경 d...
이모티콘 게시판 코드를 수정하여 새로 배포합니다. 외형은 크게 달라진게 없습니다. --- 이번 버전 수정 사항 --- emoprview.php 파일 부분에 if문 여...
게시판 board basic를 사용하여 자주하는 질문(faq)를 만들어보았습니다. How To Create Tabs (w3schools.com), 그누보드 - 자바스크립트 토글 컨...
사운드 원형트랙바 리스트 플레이어(https://sir.kr/g5_skin/54185?page=4) 이 스킨에 가사를 첨부해보았습니다. 멋진 음악게시판을 공개해주신 비타주리님께 감...
간단한 1:1 문의 현황에 대한 게시판입니다. - 리스트 페이지 화면 - 뷰 페이지 화면 - 글쓰기 페이지 화면 설치방법 - 압축파일을 해제하여 phantom...
댓글 5개