게시판 글쓰기 이모지 넣기 기능 > 그누보드5 스킨

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

게시판 글쓰기 이모지 넣기 기능 정보

게시판 게시판 글쓰기 이모지 넣기 기능

첨부파일

emoji.zip (31.3K) 32회 다운로드 2023-04-22 17:18:16 포인트 차감10
테스트한 버전5.4.4
호환 가능 버전5.3 이상

본문

게시글에 이모지콘이 필요할때 만들어 보았습니다.

 

버전 5.4.18


 
config.php 
기존
define('G5_DB_CHARSET', 'utf8');
변경
define('G5_DB_CHARSET', 'utf8mb4');

 

/adm/sql_write.sql

 


 
46라인
ENGINE=MyISAM  DEFAULT CHARSET=utf8;
ENGINE=MyISAM  DEFAULT CHARSET=utf8mb4;

 

신규 게시판 생성후 write.skin.php 와 view.skin.php 에 적용

 

write.skin.php


<!-- 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>
 

 


view.skin.php 
<div><?php echo $view['wr_1'];?></div> 
 

 

lib폴더를 /bbs/ 밑에 업로드 해주세요 

 

 

추천
8

댓글 전체

전체 2,434 |RSS
그누보드5 스킨 내용 검색

회원로그인

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