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

  Bài viết hay nhất1

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


Smiley ở Quickreply


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://illiweb.com/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)
  Bài viết hay nhất2
mong sớm có một ngày sẽ có tool upload smile cho đỡ cực zzz
The author of this message was banned from the forum - See the message
  Bài viết hay nhất4
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!
  Bài viết hay nhất5
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
  Bài viết hay nhất6
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 ! -_-
  Bài viết hay nhất7
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.
  Bài viết hay nhất8
Có nghĩa là đây là toàn bộ smile của FB đúng không
  Bài viết hay nhất9
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.
You cannot reply to topics in this forum