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 CSSACP >> 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 templatesACP >> Display >> Templates
QLTT >> Viewtopic_body
Tìm:
- Code:
<div style="visibility:hidden" class="select" id="smiley_FB_frame">
<p></p>
</div>
- 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>
- 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>
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 -->
- 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>