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

그누보드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,511 |RSS
그누보드5 스킨 내용 검색

회원로그인

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