[OldEditor] Editor thuần BBcode

  Bài viết hay nhất1
First topic message reminder :

OldEditor - Editor thuần BBcode


Lý do mình làm OldEditor này là vì SCEditor chứa quá nhiều lỗi định dạng văn bản và BBcode, điều này đặc biệt khó chịu với người thường xuyên viết TUT như mình, mỗi lần định cập nhật lại phải căn chỉnh lại từng dòng một.

Vì bộ bbcode cũ của forumotion dùng vB_Editor bị xóa mất một số js quan trọng, hơn nữa nó đã khá lỗi thời, nên mình dùng plugin bbCode control thiết kế bởi subBlue.


Chức năng

Ưu điểm:

  • Không bị cuộn lên khi tạo BBcode.
  • Giữ vùng chọn sau khi tạo BBcode nên có thể dùng nhiều BBcode liên tục mà không cần chọn lại.
  • Khi chưa chọn văn bản nó sẽ xuất 1 cặp tag, thay vì từng tag ở vB_Editor.
  • Hàm insert_text để chèn chuỗi vào giữa văn bản (vB_Editor không có).


Demo


(Soạn thảo nhanh)


(Soạn thảo đầy đủ)

Một số Plugin sử dụng trong OldEditor:


Thông tin thêm:
Code gốc của bbCode control: pastebin.com/zUyPYDjh

Mình đã lược bỏ một số hàm không sử dụng, viết lại một số BBcode dùng trong forumotion như helpline, video, table, flash, ...

Code sau khi rút gọn và chỉnh sửa: pastebin.com/4vHkqMEJ


Hướng dẫn


Bước 1

ACP >> Modules >> HTML & JAVASCRIPT >> Javascript Codes >> Create a new javascript
Lần lượt tạo các file javascript sau.
Chú ý:
Không check mục Placement.
Nhấn Download Raw để lấy code.

1. [OldEditor] lang_vi
http://pastebin.com/xbZJgdyC

2. [OldEditor] Colpick + smileyFB + autoSave + zzImgUr + tab + fixTable
http://pastebin.com/qLJjz7Qg
Chú ý:
Thay <Client ID> (dòng 297) bằng Client ID tạo ở https://api.imgur.com/oauth2/addclient

Hướng dẫn đăng ký Client ID:


  • Application name: Đặt tên app tùy ý
  • Authorization type: Chọn dòng thứ 2 hoặc 3
  • Authorization callback URL: /
  • Application website: Tên miền của diễn đàn bạn
  • Email: Điền email của bạn
  • Description: Ghi chú cho app




3. [OldEditor] smileyFB
http://pastebin.com/yyXyZBAT

Bước 2

ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet:

Code:
/* OldEditor Color picker by Colpick */
.colpick{position:absolute;width:346px;height:170px;overflow:hidden;display:none;font-family:Arial, Helvetica, sans-serif;background:#ebebeb;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.colpick_color{position:absolute;left:10px;top:7px;width:156px;height:156px;overflow:hidden;outline:1px solid #aaa;cursor:crosshair}
.colpick_color_overlay1{position:absolute;left:0;top:0;width:156px;height:156px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";background:linear-gradient(to right,rgba(255,255,255,1), rgba(255,255,255,0))}
.colpick_color_overlay2{position:absolute;left:0;top:0;width:156px;height:156px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000',endColorstr='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";background:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,1))}
.colpick_selector_outer{background:none;position:absolute;width:11px;height:11px;border:1px solid #000;border-radius:50%;margin:-6px 0 0 -6px}
.colpick_selector_inner{position:absolute;width:9px;height:9px;border:1px solid #FFF;border-radius:50%}
.colpick_hue{position:absolute;top:6px;left:175px;width:19px;height:158px;border:1px solid #aaa;cursor:n-resize}
.colpick_hue_arrs{position:absolute;left:-8px;width:33px;height:7px;margin:-7px 0 0}
.colpick_hue_larr{position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #858585}
.colpick_hue_rarr{position:absolute;right:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #858585}
.colpick_new_color{position:absolute;left:207px;top:6px;width:60px;height:25px;background:red;border:1px solid #8f8f8f;border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px}
.colpick_current_color{position:absolute;left:277px;top:6px;width:60px;height:25px;background:red;border:1px solid #8f8f8f;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0}
.colpick_field,.colpick_hex_field{position:absolute;height:20px;width:60px;overflow:hidden;background:#f3f3f3;color:#b8b8b8;font-size:12px;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.colpick_rgb_r{top:40px;left:207px}
.colpick_rgb_g{top:67px;left:207px}
.colpick_rgb_b{top:94px;left:207px}
.colpick_hsb_h{top:40px;left:277px}
.colpick_hsb_s{top:67px;left:277px}
.colpick_hsb_b{top:94px;left:277px}
.colpick_hex_field{width:68px;left:207px;top:121px}
.colpick_focus{border-color:#999}
.colpick_field_letter{position:absolute;z-index:10;width:12px;height:20px;line-height:20px;padding-left:4px;background:#efefef;border-right:1px solid #bdbdbd;font-weight:700;color:#777}
.colpick_field input,.colpick_hex_field input{position:absolute;right:11px;height:20px;line-height:20px;background:transparent;border:none;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#555;text-align:right;outline:none;margin:0;padding:0}
.colpick_hex_field input{right:4px}
.colpick_field_arrs{position:absolute;top:0;right:0;width:9px;height:21px;cursor:n-resize}
.colpick_field_uarr{position:absolute;top:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #959595}
.colpick_field_darr{position:absolute;bottom:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #959595}
.colpick_submit{position:absolute;left:207px;top:149px;width:130px;height:22px;line-height:22px;background:#efefef;text-align:center;color:#555;font-size:12px;font-weight:700;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.colpick_submit:hover{background:#f3f3f3;cursor:pointer;border-color:#999}
.colpick_full_ns .colpick_new_color{width:130px;height:25px}
.colpick_rgbhex{width:282px}
.colpick_rgbhex .colpick_field,.colpick_rgbhex .colpick_submit{width:68px}
.colpick_rgbhex .colpick_new_color{width:34px;border-right:none}
.colpick_rgbhex .colpick_current_color{width:34px;left:240px;border-left:none}
.colpick_rgbhex_ns .colpick_new_color{width:68px;border:1px solid #8f8f8f}
.colpick_hex{width:203px;height:201px}
.colpick_hex .colpick_hex_field{width:72px;height:25px;top:168px;left:80px}
.colpick_hex .colpick_hex_field div,.colpick_hex .colpick_hex_field input{height:25px;line-height:25px}
.colpick_hex .colpick_new_color{left:9px;top:168px;width:30px;border-right:none}
.colpick_hex .colpick_current_color{left:39px;top:168px;width:30px;border-left:none}
.colpick_hex .colpick_submit{left:164px;top:168px;width:30px;height:25px;line-height:25px}
.colpick_hex_ns .colpick_hex_field{width:80px}
.colpick_hex_ns .colpick_new_color{width:60px;border:1px solid #8f8f8f}
.colpick_dark{background:#161616;border-color:#2a2a2a}
.colpick_dark .colpick_color{outline-color:#333}
.colpick_dark .colpick_hue{border-color:#555}
.colpick_dark .colpick_field,.colpick_dark .colpick_hex_field{background:#101010;border-color:#2d2d2d}
.colpick_dark .colpick_field_letter{background:#131313;color:#696969;border-color:#2d2d2d}
.colpick_dark .colpick_field input,.colpick_dark .colpick_hex_field input{color:#7a7a7a}
.colpick_dark .colpick_field_uarr{border-bottom-color:#696969}
.colpick_dark .colpick_field_darr{border-top-color:#696969}
.colpick_dark .colpick_focus{border-color:#444}
.colpick_dark .colpick_submit{background:#131313;color:#7a7a7a;border-color:#2d2d2d}
.colpick_dark .colpick_submit:hover{background-color:#101010;border-color:#444}
.colpick_full_ns .colpick_submit,.colpick_full_ns .colpick_current_color,.colpick_rgbhex .colpick_hsb_h,.colpick_rgbhex .colpick_hsb_s,.colpick_rgbhex .colpick_hsb_b,.colpick_rgbhex_ns .colpick_submit,.colpick_rgbhex_ns .colpick_current_color,.colpick_hex .colpick_hsb_h,.colpick_hex .colpick_hsb_s,.colpick_hex .colpick_hsb_b,.colpick_hex .colpick_rgb_r,.colpick_hex .colpick_rgb_g,.colpick_hex .colpick_rgb_b,.colpick_hex_ns .colpick_submit,.colpick_hex_ns .colpick_current_color{display:none}
.colpick_full_ns .colpick_rgb_r,.colpick_full_ns .colpick_hsb_h,.colpick_rgbhex_ns .colpick_rgb_r{top:42px}
.colpick_full_ns .colpick_rgb_g,.colpick_full_ns .colpick_hsb_s,.colpick_rgbhex_ns .colpick_rgb_g{top:73px}
.colpick_full_ns .colpick_rgb_b,.colpick_full_ns .colpick_hsb_b,.colpick_rgbhex_ns .colpick_rgb_b{top:104px}
.colpick_full_ns .colpick_hex_field,.colpick_rgbhex_ns .colpick_hex_field{top:135px}

/* OldEditor zzEmoFb ver 0.1 by zzbaivong */
.smiley_FB{background:url(//i.imgur.com/9LHQNIC.png) no-repeat left top transparent;border:0 none;height:17px;width:16px}
#smiley_FB_frame p{width:236px;text-align:center;color:#999}
#smiley_FB_frame *{cursor:pointer}

/* OldEditor zzImgUr ver 1.6 by zzbaivong */
.imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
.imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
.imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(//i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px}
.imgur_Zzbv-iconDevs{background-position:0 0}
.imgur_Zzbv-iconComplete{background-position:-32px -16px}
.imgur_Zzbv-status img{margin:0!important}
.imgur_Zzbv-iconError{background-position:0 -32px}
.imgur_Zzbv-iconSelect{background-position:0 -16px}
.imgur_Zzbv-iconUpload{background-position:-16px -16px}
.imgur_Zzbv-button div img.imgur_Zzbv-iconReset{background-position:-16px 0}
.imgur_Zzbv-iconImage{background-position:-16px -32px}
.imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
.imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
.imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
.imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
.imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
.imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
.imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
.imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
.imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
.imgur_Zzbv-li:first-child{border-top:0 none}
.imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
.imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
.imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
.imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
.imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
.imgur_Zzbv-info > *{white-space:nowrap}
.imgur_Zzbv-dl{line-height:34px}
.imgur_Zzbv-dl > div{height:34px}
.imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
.imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
.imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
.imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
.imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
.imgur_Zzbv-textSelect{position:absolute;width:100%;left:30px;height:30px;line-height:30px}
.imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
.imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
.imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
.imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
.imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
.imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
.imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
.imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
.imgur_Zzbv-progress{height:3px;background:red;width:1px}
.imgur_Zzbv-errorURL{color:red}
.imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 31px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
.imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
.imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
.imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
.imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}

/* OldEditor zzAutoSave ver 0.1 by zzbaivong */
#autoSave img{background:url(//i56.servimg.com/u/f56/18/59/49/93/icon_s10.png) no-repeat scroll right top rgba(0,0,0,0)}
#autoSave.have img{background-position:left top}

/* OldEditor Quickreply by zzbaivong */
.left-box{float:left}
.right-box{text-align:right}
#pun-qpost .frm-set{border:0 none;padding:0}
#quick_reply .frm-buttons{text-align:center;border-top:0 none}
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited{background-image:url(//r19.imgfast.net/users/1911/13/87/62/album/th/giupdo10.png)}

/* OldEditor Control by zzbaivong */
#textarea_content, #textarea_content *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#text_editor_controls{background:#F4F4F4;border-image:none;border-color:#DDD;border-style:solid;border-width:1px 1px 0}
#text_edit button.button2{background:#FFF!important;border:1px outset #DDD!important;margin:2px 2px 2px 1px;padding:5px 7px!important}
#text_edit button.button2:hover{border-style:inset!important}
#text_edit{text-align:left}
#text_editor_controls{white-space:normal}
.select{transition:all .2s,-webkit-transition:all .2s}
.select > a{display:block;padding:5px}
.select > a:hover{background:none repeat scroll 0 0 #DDD}
#other a{border:1px outset #DDD;display:inline-block;padding:7px}
#other a:hover{border-style:inset}
fieldset.frm-set dl dd{margin-left:0;width:100%!important}
fieldset.frm-set dl dt{float:none;text-align:left;width:100%}
.helpline{font-weight:300;margin-left:10px}
div.posting-block{float:none;margin-right:0;width:100%}
#text_editor_controls{text-align:center;margin:0}
fieldset.frm-set dl,.pun .frm dd.frm-input input,.frm-form fieldset.frm-set textarea.inputbox,.frm-form fieldset.frm-set .inputbox{width:100%!important}
.frm-form fieldset.frm-set textarea{resize:vertical;border:1px solid #DDD;padding:10px}
.select input.inputNum{width:40px!important;padding:0 5px!important}
.select input.inputText{width:300px!important;padding:0 5px!important}
Optimize your CSS: Không

Bước 3

ACP >> Display >> Templates

>> QLTT >> overall_header:
Tìm:
Code:
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
Thay bằng:
Code:
<script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="<JS-1>" type="text/javascript"></script>
Thay <JS-1> (dòng 2)  bằng file javascript 1 tạo ở Bước 1

>> QLTT >> viewtopic_body:
Tìm:
Code:
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->
Thay bằng:
http://pastebin.com/yEeDnpT5
Chú ý:
Thay <JS-2> (dòng 146) bằng file javascript 2 tạo ở Bước 1.
Thay <JS-3> (dòng 149) bằng file javascript 3 tạo ở Bước 1.

>> Post & Private Messages >> posting_body:
Tìm:
Code:
      <div id="text_editor_select_controls">
      <div class="left"><span id="helpbox" class="helpline"></span></div> <!-- must enclose helpbox in a floating div for ie bug -->
      <div class="clear"></div>

      <div id="textarea_content" class="posting-block" style="">
         <dl>
            <dt><label for="text_editor_textarea">{L_MESSAGE}</label></dt>
            <dd class="frm-textarea">
               <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual" style="width:98%">{MESSAGE}</textarea><br />
            </dd>
         </dl>
         <!-- BEGIN edit_reason -->
         <br />
         <dl>
            <dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
            <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255"></dd>
         </dl>
         <!-- END edit_reason -->
      </div>
      <div id="smiley-box">
         <div id="smileyContainer">
         {L_SMILIES_PREVIEW_NEW}
         </div>
      </div>
Thay bằng:
http://pastebin.com/w22QTcPk

Tìm và xóa:
Code:
         <dl>
            <dt>{L_INFORMATION}</dt>
            <dd>{HTML_STATUS}<br />
               {BBCODE_STATUS}<br />
               {SMILIES_STATUS}
            </dd>
         </dl>

Tìm:
Code:
{SCEDITOR}
Thay bằng:
Code:
<script src="<JS-2>" type="text/javascript"></script>
Chú ý:
Thay <JS-2> (dòng 1)  bằng file javascript 2 tạo ở Bước 1.


Bước 4

ACP >> QLTT >> Forum >> Security:
Unauthorize unofficial forms to post messages and private messages on the forum : No


Nguồn

Zzbaivong (devs.forumvi.com)
  Bài viết hay nhất51
click vô emotion k ra gì cả :(
  Bài viết hay nhất52
Không ra gì thì... thôi vậy. :D
  Bài viết hay nhất53
Nếu mà ko hiện cái gì thì làm lại từ đầu thì nó sẽ hiện, mình mới test hôm qua rùi :3
  Bài viết hay nhất54
Nếu có lỗi, lại không đưa demo thì ai biết đâu mà trả lời :v
  Bài viết hay nhất55
Làm sao để thêm chức năng Quick reply vậy BaiVong
  Bài viết hay nhất56
Kích hoạt Quickreply trong ACP.
  Bài viết hay nhất57
Sao khi quote thì [tr], [td], [/td], [/tr], tự động xuống dòng vậy BaiVong?
  Bài viết hay nhất58
Cố tình làm thế để dễ xem, nó cũng không ảnh hưởng đến hiển thị table.
  Bài viết hay nhất59
1 vé sang invision 'v'
  Bài viết hay nhất60
Không biết em bị lỗi ở đâu ạ

Demo:

Code:
http://hocgioi.forumvi.com

Nick test: testforum

MK: hocgioi.forumvi.com

Sửa giúp em nha
  Bài viết hay nhất61
Lỗi gì đâu ?
  Bài viết hay nhất62
Lúc nãy quên chèn CSS =))
The author of this message was banned from the forum - See the message
  Bài viết hay nhất64

ZuniThoang wrote:Anh làm cái Switch Editor Mode đi :( thiếu mấy cái trên Thanh soạn thảo này khiến Mem  gr khó khăn trong việc post bài lắm, đặc biệt là Mem nư
Sài sceditor đi!
  Bài viết hay nhất65
em đã cài thành công, tuy nhiên bị lỗi ngay phần edit chữ kí, phải chèn thêm gì để tránh lỗi z anh
http://i38.servimg.com/u/f38/19/14/58/70/untitl10.png
  Bài viết hay nhất66
Phần bên chữ ký không can thiệp được trong temp nên nó vẫn còn dùng sceditor.
  Bài viết hay nhất67
Mình làm thành công rồi, nhưng bấm vào button thì lại bị đơ :( không nút nào xài được :(
  Bài viết hay nhất68

dtpn wrote:Mình làm thành công rồi, nhưng bấm vào button thì lại bị đơ :( không nút nào xài được :(
Mình vừa thử lại vẫn sài tốt.
Có lẽ bạn làm thiếu bước nào đó hoặc không hiểu rõ hướng dẫn nên làm sai.
Khi gặp lỗi bạn nên gửi demo và nicktest để tiện kiểm tra.
  Bài viết hay nhất69
Hu hu, ai lấy giúp em đoạn "Thay bằng" của viewtopic_body và posting body với, máy em không phan giải được máy chủ :(
  Bài viết hay nhất70

zznhoxbinzz wrote:Hu hu, ai lấy giúp em đoạn "Thay bằng" của viewtopic_body và posting body với, máy em không phan giải được máy chủ :(

viewtopic_body
Code:
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
<div id="pun-qpost" class="main">
        <div class="main-head clearfix">
                <p class="h2">Quick reply</p>
                <p class="options">
                        <a class="exthelp" title="Help" href="/faq?mode=bbcode" target="_blank">Hướng dẫn về BBCode</a>
                </p>
        </div>
        <div class="main-content frm">
                <form action="/post" class="frm-form" method="post" name="post" id="quick_reply">
                        <fieldset class="frm-set">
                                <div id="text_editor_select_controls">
                                        <div style="visibility:hidden" class="select" id="smiley_FB_frame">
                                                <p></p>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="zzbv_auto_save">
                                                <p><em>Không có dữ liệu</em></p>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="img">
                                                <p style="margin-top: 7px;"><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="img_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('img','','img_url');selectWysiwyg(this,'img');return false}" /></p>
                                                <p style="text-align:center"><input type="button" class="button2" onclick="constructBBcode('img','','img_url');selectWysiwyg(this,'img')" value="{L_OK}" /></p>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="url">
                                                <p style="margin-top: 7px;"><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="link_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
                                                <p><img src="{PATH_IMG_FA}wysiwyg/link_text.png" alt="{L_LABEL}" title="{L_LABEL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="name_url" title="{L_LABEL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
                                                <p style="text-align:center"><input type="button" class="button2" onclick="constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url')" value="{L_OK}" /></p>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="video">
                                                <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a>&nbsp; <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
                                                <p id="inv_url" class="gensmall" style="text-align:center"></p>
                                                <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="video_url" title="{L_URL}" onkeypress="if (event.keyCode==13){BBcodeVideo('video_url');return false}" /></p>
                                                <p style="text-align:center"><input type="button" class="button2" onclick="BBcodeVideo('video_url')" value="{L_OK}" /></p>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="px">
                                                <a href="javascript:;" style="font-size:7px" onclick="bbfontstyle('[size=7]','[/size]');selectWysiwyg(this,'px');return false">Rất nhỏ</a>
                                                <a href="javascript:;" style="font-size:9px" onclick="bbfontstyle('[size=9]','[/size]');selectWysiwyg(this,'px');return false">Nhỏ</a>
                                                <a href="javascript:;" style="font-size:12px" onclick="bbfontstyle('[size=12]','[/size]');selectWysiwyg(this,'px');return false">Bình thường</a>
                                                <a href="javascript:;" style="font-size:18px" onclick="bbfontstyle('[size=18]','[/size]');selectWysiwyg(this,'px');return false">Lớn</a>
                                                <a href="javascript:;" style="font-size:24px" onclick="bbfontstyle('[size=24]','[/size]');selectWysiwyg(this,'px');return false">Rất lớn</a>
                                        </div>
                                        <div style="visibility:hidden" class="select" id="zzbv_ImgUr"></div>
                                        <div style="visibility:hidden" class="select" id="color">
                                        </div>
                                        <div style="visibility:hidden" class="select" id="font">
                                                <a href="javascript:;" style="font-family:Arial" onclick="bbfontstyle('[font=Arial]','[/font]');selectWysiwyg(this,'font');return false">Arial</a>
                                                <a href="javascript:;" style="font-family:'Arial Black'" onclick="bbfontstyle('[font=Arial Black]','[/font]');selectWysiwyg(this,'font');return false">Arial Black</a>
                                                <a href="javascript:;" style="font-family:'Comic Sans Ms'" onclick="bbfontstyle('[font=Comic Sans Ms]','[/font]');selectWysiwyg(this,'font');return false">Comic Sans Ms</a>
                                                <a href="javascript:;" style="font-family:'Courier New'" onclick="bbfontstyle('[font=Courier New]','[/font]');selectWysiwyg(this,'font');return false">Courier New</a>
                                                <a href="javascript:;" style="font-family:Georgia" onclick="bbfontstyle('[font=Georgia]','[/font]');selectWysiwyg(this,'font');return false">Georgia</a>
                                                <a href="javascript:;" style="font-family:'Impact'" onclick="bbfontstyle('[font=Impact]','[/font]');selectWysiwyg(this,'font');return false">Impact</a>
                                                <a href="javascript:;" style="font-family:'Times New Roman'" onclick="bbfontstyle('[font=Times New Roman]','[/font]');selectWysiwyg(this,'font');return false">Times New Roman</a>
                                                <a href="javascript:;" style="font-family:'Trebuchet MS'" onclick="bbfontstyle('[font=Trebuchet MS]','[/font]');selectWysiwyg(this,'font');return false">Trebuchet MS</a>
                                                <a href="javascript:;" style="font-family:Verdana" onclick="bbfontstyle('[font=Verdana]','[/font]');selectWysiwyg(this,'font');return false">Verdana</a>
                                        </div>                 
                                </div>
                                <div id="textarea_content" class="posting-block"> 
                                        <div id="text_editor_controls">
                                                <span id="text_edit">
                                                        <button class="button2" onclick="bbstyle(0)" type="button" accesskey="b" title="{L_BBCODE_B}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(2)" type="button" accesskey="i" title="{L_BBCODE_I}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_italic.png" alt="{L_BBCODE_I}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(4)" type="button" accesskey="u" title="{L_BBCODE_U}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_underline.png" alt="{L_BBCODE_U}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(6)" type="button" accesskey="x" title="{L_BBCODE_X}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_strikethrough.png" alt="{L_BBCODE_X}" />
                                                        </button>
                                                        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                                        <button class="button2" onclick="bbstyle(8)" type="button" accesskey="m" title="{L_BBCODE_LEFT}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_align_left.png" alt="{L_BBCODE_LEFT}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(10)" type="button" accesskey="t" title="{L_BBCODE_T}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_align_center.png" alt="{L_BBCODE_T}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(12)" type="button" accesskey="g" title="{L_BBCODE_G}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_align_right.png" alt="{L_BBCODE_G}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(14)" type="button" accesskey="j" title="{L_BBCODE_J}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_align_justify.png" alt="{L_BBCODE_J}" />
                                                        </button>
                                                        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                                        <button class="button2" onclick="selectWysiwyg(this,'px')" type="button" title="{L_BBCODE_TFONT}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/style.png" alt="{L_BBCODE_TFONT}" />
                                                        </button>
                                                        <button class="button2" onclick="selectWysiwyg(this,'color')" type="button" title="{L_BBCODE_COLOR}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/color_swatch.png" alt="{L_BBCODE_COLOR}" />
                                                        </button>
                                                        <button class="button2" onclick="selectWysiwyg(this,'font')" type="button" title="{L_BBCODE_FONT}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/font.png" alt="{L_BBCODE_FONT}" />
                                                        </button>
                                                        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                                        <button class="button2" onclick="bbstyle(24)" type="button" id="addbbcode10" accesskey="l" title="{L_BBCODE_L}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/text_list_bullets.png" alt="{L_BBCODE_L}" />
                                                        </button>
                                                        <button class="button2" type="button" onclick="bbstyle(-1)">
                                                                <img alt="close" src="http://i56.servimg.com/u/f56/18/59/49/93/text_l10.png" title="close" />
                                                        </button>
                                                        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                                        <button class="button2" onclick="bbstyle(16)" type="button" id="addbbcode6" accesskey="q" title="{L_BBCODE_Q}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/comments.png" alt="{L_BBCODE_Q}" />
                                                        </button>
                                                        <button class="button2" onclick="bbstyle(18)" type="button" id="addbbcode8" accesskey="c" title="{L_BBCODE_C}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/page_white_code.png" alt="{L_BBCODE_C}" />
                                                        </button>
                                                        <button class="button2" type="button" onclick="bbstyle(20)">
                                                                <img alt="spoiler" src="http://i56.servimg.com/u/f56/18/59/49/93/spoile10.png" title="spoiler" />
                                                        </button>
                                                        <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                                        <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>
                                                        <button class="button2" onclick="selectWysiwyg(this,'zzbv_ImgUr')" type="button" id="servimg" accesskey="y" title="{L_BBCODE_H}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/picture_save.png" alt="{L_BBCODE_H}" />
                                                        </button>
                                                        <button class="button2" onclick="selectWysiwyg(this,'img')" type="button" id="addbbcode14" accesskey="p" title="{L_BBCODE_P}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/picture.png" alt="{L_BBCODE_P}" />
                                                        </button>
                                                        <button class="button2" onclick="selectWysiwyg(this,'url')" type="button" id="addbbcode16" accesskey="w" title="{L_BBCODE_W}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_BBCODE_W}" />
                                                        </button>
                                                        <button class="button2" onclick="selectWysiwyg(this,'video')" type="button" title="{L_BBCODE_VIDEO}">
                                                                <img src="{PATH_IMG_FA}wysiwyg/film.png" alt="{L_BBCODE_VIDEO}" />
                                                        </button>
                                                        <button id="autoSave" class="button2" onclick="selectWysiwyg(this,'zzbv_auto_save')" type="button" title="{L_BBCODE_HELP}">
                                                                <img width="16" height="16" src="http://illiweb.com/fa/empty.gif" alt="Lưu nháp" />
                                                        </button>
                                                </span>
                                        </div>
                                        <textarea id="text_editor_textarea" name="message" onclick="storeCaret(this)" rows="7" cols="9" onkeyup="storeCaret(this)" tabindex="3" onselect="storeCaret(this)" wrap="virtual"></textarea>
                                </div>
                                <div class="frm-buttons">
                                        <input type="hidden" name="mode" value="reply" />
                                        <input type="hidden" name="t" value="{TOPIC_ID}" />
                                        <input type="hidden" name="notify" value="1" />
                                        <input type="submit" name="preview" value="Xem trước" />&nbsp;
                                        <input type="submit" name="post" value="Gửi bài" />
                                </div>
                        </fieldset>
                </form>
        </div>
</div>
<script src="<JS-2>" type="text/javascript"></script>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<script src="<JS-3>" type="text/javascript"></script>
<!-- END switch_user_logged_out -->

posting_body
Code:
                <div id="text_editor_select_controls">
                        <div style="visibility:hidden" class="select" id="smiley_FB_frame">
                                <p></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="table_gui" style="display:''">
                                <p style="margin-top: 7px;">
                                        <img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;
                                        <input type="text" autocomplete="off" class="inputNum" id="table_gui_lines" maxlength="3" style="width:20px" title="{L_ROWS}" onkeypress="if (event.keyCode==13){ bbstyle_table();selectWysiwyg(this,'table_gui');return false}" />&nbsp;x&nbsp;
                                        <img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;
                                        <input type="text" autocomplete="off" class="inputNum" id="table_gui_cols" maxlength="3" style="width:20px" title="{L_COLS}" onkeypress="if (event.keyCode==13){ bbstyle_table();selectWysiwyg(this,'table_gui');return false}" />&nbsp;&nbsp;
                                        <input type="button" class="button2" onclick="bbstyle_table();selectWysiwyg(this,'table_gui')" value="{L_OK}" />
                                </p>
                                <p style="text-align:center;display:''">
                                        <button class="button2" onclick="bbstyle(44)" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB}"><img src="{PATH_IMG_FA}wysiwyg/table_add.png" alt="{L_BBCODE_TAB}" style="display:''" /></button>&nbsp;
                                        <button class="button2" onclick="bbstyle(46)" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB_ROW}"><img src="{PATH_IMG_FA}wysiwyg/table_row_insert.png" alt="{L_BBCODE_TAB_ROW}" style="display:''" /></button>&nbsp;
                                        <button class="button2" onclick="bbstyle(48)" onmouseover="helpline('tab')" type="button" id="addbbcode54" accesskey="" title="{L_BBCODE_TAB_CELL}"><img src="{PATH_IMG_FA}wysiwyg/table_add_cell.png" alt="{L_BBCODE_TAB_CELL}" style="display:''" /></button>&nbsp;
                                </p>
                        </div>
                        <div style="visibility:hidden" class="select" id="img">
                                <p style="margin-top: 7px;"><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="img_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('img','','img_url');selectWysiwyg(this,'img');return false}" /></p>
                                <p style="text-align:center"><input type="button" class="button2" onclick="constructBBcode('img','','img_url');selectWysiwyg(this,'img')" value="{L_OK}" /></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="url">
                                <p style="margin-top: 7px;"><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="link_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
                                <p><img src="{PATH_IMG_FA}wysiwyg/link_text.png" alt="{L_LABEL}" title="{L_LABEL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="name_url" title="{L_LABEL}" onkeypress="if (event.keyCode==13){constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url');return false}" /></p>
                                <p style="text-align:center"><input type="button" class="button2" onclick="constructBBcode('url',new Array('link_url'),'name_url');selectWysiwyg(this,'url')" value="{L_OK}" /></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="video">
                                <p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a>&nbsp; <a href="http://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
                                <p id="inv_url" class="gensmall" style="text-align:center"></p>
                                <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="video_url" title="{L_URL}" onkeypress="if (event.keyCode==13){BBcodeVideo('video_url');return false}" /></p>
                                <p style="text-align:center"><input type="button" class="button2" onclick="BBcodeVideo('video_url')" value="{L_OK}" /></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="flash">
                                <p style="margin-top: 7px;"><img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputNum" id="flash_width" title="{L_WIDTH}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" />
                                &nbsp;x&nbsp;<img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputNum" id="flash_height" title="{L_HEIGHT}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" />&nbsp; px</p>
                                <p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" />&nbsp;<input type="text" autocomplete="off" class="inputText" id="flash_url" title="{L_URL}" onkeypress="if (event.keyCode==13){constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash');return false}" /></p>
                                <p style="text-align:center"><input type="button" class="button2" onclick="constructBBcode('flash',new Array('flash_width','flash_height'),'flash_url');selectWysiwyg(this,'flash')" value="{L_OK}" /></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="px">
                                <a href="javascript:;" style="font-size:7px" onclick="bbfontstyle('[size=7]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_TINY}</a>
                                <a href="javascript:;" style="font-size:9px" onclick="bbfontstyle('[size=9]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_SMALL}</a>
                                <a href="javascript:;" style="font-size:12px" onclick="bbfontstyle('[size=12]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_NORMAL}</a>
                                <a href="javascript:;" style="font-size:18px" onclick="bbfontstyle('[size=18]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_LARGE}</a>
                                <a href="javascript:;" style="font-size:24px" onclick="bbfontstyle('[size=24]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_HUGE}</a>
                        </div>
                        <div style="visibility:hidden" class="select" id="zzbv_ImgUr"></div>
                        <div style="visibility:hidden" class="select" id="zzbv_auto_save">
                                <p><em>Không có dữ liệu</em></p>
                        </div>
                        <div style="visibility:hidden" class="select" id="color">
                        </div>
                        <div style="visibility:hidden" class="select" id="font">
                                <a href="javascript:;" style="font-family:Arial" onclick="bbfontstyle('[font=Arial]','[/font]');selectWysiwyg(this,'font');return false">Arial</a>
                                <a href="javascript:;" style="font-family:'Arial Black'" onclick="bbfontstyle('[font=Arial Black]','[/font]');selectWysiwyg(this,'font');return false">Arial Black</a>
                                <a href="javascript:;" style="font-family:'Comic Sans Ms'" onclick="bbfontstyle('[font=Comic Sans Ms]','[/font]');selectWysiwyg(this,'font');return false">Comic Sans Ms</a>
                                <a href="javascript:;" style="font-family:'Courier New'" onclick="bbfontstyle('[font=Courier New]','[/font]');selectWysiwyg(this,'font');return false">Courier New</a>
                                <a href="javascript:;" style="font-family:Georgia" onclick="bbfontstyle('[font=Georgia]','[/font]');selectWysiwyg(this,'font');return false">Georgia</a>
                                <a href="javascript:;" style="font-family:'Impact'" onclick="bbfontstyle('[font=Impact]','[/font]');selectWysiwyg(this,'font');return false">Impact</a>
                                <a href="javascript:;" style="font-family:'Times New Roman'" onclick="bbfontstyle('[font=Times New Roman]','[/font]');selectWysiwyg(this,'font');return false">Times New Roman</a>
                                <a href="javascript:;" style="font-family:'Trebuchet MS'" onclick="bbfontstyle('[font=Trebuchet MS]','[/font]');selectWysiwyg(this,'font');return false">Trebuchet MS</a>
                                <a href="javascript:;" style="font-family:Verdana" onclick="bbfontstyle('[font=Verdana]','[/font]');selectWysiwyg(this,'font');return false">Verdana</a>
                                <!-- BEGIN switch_specials_fonts -->
                                {switch_specials_fonts.OTHERS_SPECIFICS_FONTS}
                                <!-- END switch_specials_fonts -->
                        </div>
                        <div style="visibility:hidden" class="select" id="other">
                                <p>
                                        <a href="javascript:;" onmouseover="helpline('sub')" class="button2" type="button" onclick="bbstyle(40)">
                                                <img alt="sub" src="http://i12.servimg.com/u/f12/17/70/81/78/sub10.png" title="sub" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('sup')" class="button2" type="button" onclick="bbstyle(42)">
                                                <img alt="sup" src="http://i12.servimg.com/u/f12/17/70/81/78/sup10.png" title="sup" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('k')" class="button2" type="button" onclick="bbstyle(36)">
                                                <img alt="scroll" src="http://i12.servimg.com/u/f12/17/70/81/78/scroll10.gif" title="scroll" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('d')" class="button2" type="button" onclick="bbstyle(38)">
                                                <img alt="updown" src="http://i12.servimg.com/u/f12/17/70/81/78/scroll10.png" title="updown" />
                                        </a>
                                </p>
                                <p>
                                        <a href="javascript:;" onmouseover="helpline('v')" class="button2" type="button" onclick="bbstyle(32)">
                                                <img alt="flipv" src="http://i12.servimg.com/u/f12/17/70/81/78/flipv10.png" title="flipv" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('j')" class="button2" type="button" onclick="bbstyle(34)">
                                                <img alt="fliph" src="http://i12.servimg.com/u/f12/17/70/81/78/fliph10.png" title="fliph" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('e')" class="button2" type="button" onclick="bbstyle(28)">
                                                <img alt="fade" src="http://i12.servimg.com/u/f12/17/70/81/78/fade10.png" title="fade" />
                                        </a>&nbsp;
                                        <a href="javascript:;" onmouseover="helpline('r')" class="button2" type="button" onclick="bbstyle(30)">
                                                <img alt="blur" src="http://i12.servimg.com/u/f12/17/70/81/78/bur10.png" title="blur" />
                                        </a>
                                </p>
                        </div>                 
                </div>
                <div id="textarea_content" class="posting-block">
                        <dl>
                                <dt><label for="text_editor_textarea">Nội dung</label>&nbsp;<span id="helpbox" class="helpline">{HTML_STATUS} / {BBCODE_STATUS} / {SMILIES_STATUS}</span></dt>
                                <dd class="frm-textarea">         
                <div id="text_editor_controls">
                        <span id="text_edit">
                                <button class="button2" onclick="bbstyle(0)" onmouseover="helpline('b')" type="button" accesskey="b" title="{L_BBCODE_B}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_bold.png" alt="{L_BBCODE_B}" />
                                </button>
                                <button class="button2" onclick="bbstyle(2)" onmouseover="helpline('i')" type="button" accesskey="i" title="{L_BBCODE_I}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_italic.png" alt="{L_BBCODE_I}" />
                                </button>
                                <button class="button2" onclick="bbstyle(4)" onmouseover="helpline('u')" type="button" accesskey="u" title="{L_BBCODE_U}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_underline.png" alt="{L_BBCODE_U}" />
                                </button>
                                <button class="button2" onclick="bbstyle(6)" onmouseover="helpline('x')" type="button" accesskey="x" title="{L_BBCODE_X}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_strikethrough.png" alt="{L_BBCODE_X}" />
                                </button>
                                <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                <button class="button2" onclick="bbstyle(8)" onmouseover="helpline('le')" type="button" accesskey="m" title="{L_BBCODE_LEFT}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_align_left.png" alt="{L_BBCODE_LEFT}" />
                                </button>
                                <button class="button2" onclick="bbstyle(10)" onmouseover="helpline('ce')" type="button" accesskey="t" title="{L_BBCODE_T}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_align_center.png" alt="{L_BBCODE_T}" />
                                </button>
                                <button class="button2" onclick="bbstyle(12)" onmouseover="helpline('ri')" type="button" accesskey="g" title="{L_BBCODE_G}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_align_right.png" alt="{L_BBCODE_G}" />
                                </button>
                                <button class="button2" onclick="bbstyle(14)" onmouseover="helpline('ju')" type="button" accesskey="j" title="{L_BBCODE_J}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_align_justify.png" alt="{L_BBCODE_J}" />
                                </button>
                                <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                <button class="button2" onclick="selectWysiwyg(this,'px')" onmouseover="helpline('f')" type="button"    title="{L_BBCODE_TFONT}">
                                        <img src="{PATH_IMG_FA}wysiwyg/style.png" alt="{L_BBCODE_TFONT}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'color')" onmouseover="helpline('h')" type="button" title="{L_BBCODE_COLOR}">
                                        <img src="{PATH_IMG_FA}wysiwyg/color_swatch.png" alt="{L_BBCODE_COLOR}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'font')" onmouseover="helpline('fo')" type="button" title="{L_BBCODE_FONT}">
                                        <img src="{PATH_IMG_FA}wysiwyg/font.png" alt="{L_BBCODE_FONT}" />
                                </button>
                                <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                <button class="button2" onclick="bbstyle(24)" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="{L_BBCODE_L}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_list_bullets.png" alt="{L_BBCODE_L}" />
                                </button>
                                <button class="button2" onclick="bbstyle(26)" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="{L_BBCODE_O}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_list_numbers.png" alt="{L_BBCODE_O}" />
                                </button>
                                <button onmouseover="helpline('a')" class="button2" type="button" onclick="bbstyle(-1)">
                                        <img alt="close" src="http://i56.servimg.com/u/f56/18/59/49/93/text_l10.png" title="close" />
                                </button>
                                <button class="button2" onclick="insert_text('[hr]')" onmouseover="helpline('hr')" type="button" title="{L_BBCODE_HR}">
                                        <img src="{PATH_IMG_FA}wysiwyg/text_horizontalrule.png" alt="{L_BBCODE_HR}" />
                                </button>
                                <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                <button class="button2" onclick="bbstyle(16)" onmouseover="helpline('q')" type="button" id="addbbcode6" accesskey="q" title="{L_BBCODE_Q}">
                                        <img src="{PATH_IMG_FA}wysiwyg/comments.png" alt="{L_BBCODE_Q}" />
                                </button>
                                <button class="button2" onclick="bbstyle(18)" onmouseover="helpline('c')" type="button" id="addbbcode8" accesskey="c" title="{L_BBCODE_C}">
                                        <img src="{PATH_IMG_FA}wysiwyg/page_white_code.png" alt="{L_BBCODE_C}" />
                                </button>
                                <button onmouseover="helpline('sp')" class="button2" type="button" onclick="bbstyle(20)">
                                        <img alt="spoiler" src="http://i56.servimg.com/u/f56/18/59/49/93/spoile10.png" title="spoiler" />
                                </button>
                                <button onmouseover="helpline('hi')" class="button2" type="button" onclick="bbstyle(22)">
                                        <img alt="hide" src="http://i12.servimg.com/u/f12/17/70/81/78/brown_10.png" title="hide" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'table_gui')" onmouseover="helpline('tab')" type="button" id="addbbcodetable" accesskey="" title="{L_BBCODE_TAB}">
                                        <img src="{PATH_IMG_FA}wysiwyg/table.png" alt="{L_BBCODE_TAB}" />
                                </button>
                                <img src="{PATH_IMG_FA}wysiwyg/separator.png" style="vertical-align:middle" />
                                <button class="button2" onclick="selectWysiwyg(this,'smiley_FB_frame')" onmouseover="helpline('em')" type="button" title="Hình vui">
                                        <img src="http://i.imgur.com/hAmLWAU.png" alt="Hình vui" title="Hình vui" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'zzbv_ImgUr')" onmouseover="helpline('up')" type="button" id="servimg" accesskey="y" title="{L_BBCODE_H}">
                                        <img src="{PATH_IMG_FA}wysiwyg/picture_save.png" alt="{L_BBCODE_H}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'img')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="{L_BBCODE_P}">
                                        <img src="{PATH_IMG_FA}wysiwyg/picture.png" alt="{L_BBCODE_P}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'url')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="{L_BBCODE_W}">
                                        <img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_BBCODE_W}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'flash')" onmouseover="helpline('fl')" type="button" title="{L_BBCODE_FLASH}">
                                        <img src="{PATH_IMG_FA}wysiwyg/page_white_flash.png" alt="{L_BBCODE_FLASH}" />
                                </button>
                                <button class="button2" onclick="selectWysiwyg(this,'video')" onmouseover="helpline('vd')" type="button" title="{L_BBCODE_VIDEO}">
                                        <img src="{PATH_IMG_FA}wysiwyg/film.png" alt="{L_BBCODE_VIDEO}" />
                                </button>
                                <button onmouseover="helpline('hlh')" class="button2" onclick="selectWysiwyg(this,'other')" type="button" title="{L_BBCODE_HELP}"><img src="http://i56.servimg.com/u/f56/18/59/49/93/more-110.png" alt="Thêm" /></button>
                                <button id="autoSave" onmouseover="helpline('ats')" class="button2" onclick="selectWysiwyg(this,'zzbv_auto_save')" type="button" title="{L_BBCODE_HELP}"><img width="16" height="16" src="http://illiweb.com/fa/empty.gif" alt="Lưu nháp" /></button>
                        </span>
                </div>                                 
                                        <textarea id="text_editor_textarea" onclick="storeCaret(this)" rows="15" cols="9" onkeyup="storeCaret(this)" name="message" tabindex="3" onselect="storeCaret(this)" wrap="virtual">{MESSAGE}</textarea><br />
                                </dd>
                        </dl>
 
                        <!-- BEGIN edit_reason -->
                        <br />
                        <dl>
                                <dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
                                <dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255" /></dd>
                        </dl>
                        <!-- END edit_reason -->
                </div>
  Bài viết hay nhất71
Cho hỏi
Thay
Code:
<JS-1>
bằng file javascrip
là thay ntn? thay link đúng không

Code:
http://learninghard.forumvi.com

  Bài viết hay nhất72
Như trong bài hướng dẫn thì <JS-1> là link của file js [OldEditor] lang_vi.
Khi bạn tạo xong file đó thì nó sẽ có dạng như thế này: http://domain/12345.js (Nhớ là lúc tạo file không check vào Placement).
Lúc đó bạn xem hướng dẫn:
Code:
<script src="<JS-1>" type="text/javascript"></script>
Thì thay là:
Code:
<script src="/12345.js" type="text/javascript"></script>

Ps: Không cần đặt link trong thẻ code, nhưng nếu bạn hỏi về vấn đề trong diễn đàn thì nên đưa thêm nick test.
  Bài viết hay nhất73
có cho invision ko anh
  Bài viết hay nhất74
@roseila : All version.
  Bài viết hay nhất75
@KirigayaKazuto: cấu trúc posting khác bạn ạ, nên mình mới ko làm dc
You cannot reply to topics in this forum