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

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

버전 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/ 밑에 업로드 해주세요