[OldEditor] Thêm biểu tượng cảm xúc mặc định

Thêm biểu tượng cảm xúc mặc định cho OldEditor

Giới thiệu

Khi làm OldEditor mình không dùng smiley trong diễn đàn mà dùng plugin smileyFB.
Đáp ứng yêu cầu của các bạn mình sẽ hướng dẫn cách đưa smiley của diễn đàn vào OldEditor.

Demo

Hướng dẫn

Bước 1

Thêm vào CSS
ACP >> Display >> Pictures and Colors >> CSS Stylesheet

Code:

.button2 > img{width:16px;height:16px}
#smiley-box{float:none;width:100%;margin:0;padding:5px}
#smileyContainer{width:100%;border:1px solid #ddd}
#smiley-box iframe{border:0 none;height:135px;overflow:auto;width:100%;background:inherit}
#smilies_categ{background:#DDD;padding:3px 0}
.smiley-element{margin-top:5px;padding:5px 10px}

Bước 2

Sửa templates
ACP >> Display >> Templates

QLTT >> Viewtopic_body

Tìm:

Code:

<div style="visibility:hidden" class="select" id="smiley_FB_frame">
        <p></p>
</div>

Thay thế(nếu không muốn dùng smileyFB) hoặc thêm vào bên dưới:

Code:

<div style="visibility:hidden" class="select" id="smiley_forumotion">
        <iframe name="smilies" src="/smilies.forum?mode=smilies_frame" marginwidth="0" marginheight="0" class="row1" frameborder="0" height="250" scrolling="auto" width="220"></iframe>
</div>

Tìm:

Code:

<button class="button2" onclick="selectWysiwyg(this,'smiley_FB_frame')" type="button" title="Hình vui">
        <img src="http://i.imgur.com/hAmLWAU.png" alt="Hình vui" title="Hình vui" />
</button>

Thay thế(nếu không muốn dùng smileyFB) hoặc thêm vào bên dưới:

Code:

<button class="button2" onclick="selectWysiwyg(this,'smiley_forumotion')" type="button" title="Hình vui">
        <img src="http://2img.net/i/fa/i/smiles/icon_smile.gif" alt="Hình vui" title="Hình vui" />
</button>

Tìm:

Code:

<script src="<JS-2>" type="text/javascript"></script>

Chú ý: <JS-2> là vị trí đánh dấu trong bài hướng dẫn OldEditor.
Thêm vào bên dưới:

Code:

<script type="text/javascript">
//<![CDATA[
function insertIntoEditor(text) {
   try {
      var editorContent = $("#text_editor_textarea").val();
      if ((text == null) || (typeof (text) == 'undefined')) {
         text = ""
      }
      if (text.length > 0) {
         insert_text(text, true)
      }
   } catch (e) {
      if (console) {
         console.error(e)
      }
   }
}
//]]>
</script>

Post & Private Messages >> Posting_body

Tìm:

Code:

<!-- END edit_reason -->

Thêm vào bên dưới:

Code:

<div id="smiley-box">
        <div id="smileyContainer">
        {L_SMILIES_PREVIEW_NEW}
        </div>
</div>
<script type="text/javascript">
//<![CDATA[
function insertIntoEditor(text) {
   try {
      var editorContent = $("#text_editor_textarea").val();
      if ((text == null) || (typeof (text) == 'undefined')) {
         text = ""
      }
      if (text.length > 0) {
         insert_text(text, true)
      }
   } catch (e) {
      if (console) {
         console.error(e)
      }
   }
}
addSmileyPane();
//]]>
</script>

Nguồn

Zzbaivong (devs.forumvi.com)

mong sớm có một ngày sẽ có tool upload smile cho đỡ cực zzz

o.O code trên có tác dụng là upload smilier nào đó vô rum mà ko phải up từng li từng tí hử?

Gang wrote: o.O code trên có tác dụng là upload smilier nào đó vô rum mà ko phải up từng li từng tí hử?

Không!

như thế này thì loạn mất vì kí tự của smile fb và forum có vài cái trùng nhau - và nó hiện ưu tiên cho smile fb - đôi lúc sẽ không như ý người soạn bài

Tuyệt vời ! Đã làm thành công ! Có điều phải thay lại kí tự cho smile của forum để không bị trùng ! -_-

Cũng còn tùy họ sử dụng ký tự nào cho smiley, mà hướng dẫn này chỉ cho ai cần sử dụng thôi.
Nếu muốn có thể xóa smileyFB hoặc sửa lại ký tự smiley để tránh bị trùng lặp.

Có nghĩa là đây là toàn bộ smile của FB đúng không

khaiproqn81 wrote:Có nghĩa là đây là toàn bộ smile của FB đúng không

Tất nhiên là không.
Trong OldEditor đã cài sẵn bộ smiley FB, bài này là hướng dẫn cho bộ mặc định trong diễn đàn.