테스트 사이트 - 개발 중인 베타 버전입니다

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

이모지.PNG

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

 

버전 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개

멋지네요 감사합니다.^^
감사 합니다.
감사합니다.

게시판 목록

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
글쓰기
🐛 버그신고