CuDemVN.Wap.Sh



![]() | ![]() ![]() ![]() |
Đã bao giờ bạn cảm thấy bối rối khi không thuộc BBcode trên diễn đàn hay muốn cung cấp cho các thành viên công cụ để giúp viết BBcode nhanh không? Với sự giúp sức của JavaScript thì javascript bbcode toolbar đã ra đời giúp cho chúng ta đỡ vất vả hơn khi không thuộc BBcode nhưng vẫn có thể sử dụng dễ dàng!
bbCode toolbar dùng để nhập nhanh bbCode cho textarea, sử dụng tốt cho các diễn đàn hoặc blog. Code sử dụng tốt trên các trình duyệt cảm ứng hoặc Web.
Hướng dẫn chèn BBcode Toolbar - Công cụ Viết BBcode nhanh vào WebSite
- Bước 1: Chèn JavaScript sau vào trước form:
<script type="text/javascript">
function tag(text1,text2){
if((document.selection)){
document.form.msg.focus();
document.form.document.selection.createRange().text = text1+document.form.document.selection.createRange().text+text2
}else if(document.forms['form'].elements['msg'].selectionStart!=undefined){
var element=document.forms['form'].elements['msg'];
var str=element.value;
var start=element.selectionStart;
var length=element.selectionEnd-element.selectionStart;
element.value=str.substr(0,start)+text1+str.substr(start,length)+text2+str.substr(start+length)
}else{
document.form.msg.value+=text1+text2
}
};
function show_hide(a){
b=document.getElementById(a);
if(b.style.display=="none"){
b.style.display="block"
}else{
b.style.display="none"
}
}
</script>
- Bước 2: Thêm thuộc tính
+ Trong thẻ form thêm thuộc tính name="form"
+ Trong thẻ textarea, nếu thuộc tính name khác "msg" thì tìm trong đoạn JavaScript trên chỗ nào có msg thì thay hết thành name của textarea
Cách sử dụng:
Để thêm một nút bấm, chỉ cần thêm code theo mẫu sau:
<a href="javascript:tag('[strong]', '[/strong]')">In đậm</a>
Thay [strong] và [/strong] thành thẻ mở và đóng bbCode theo ý muốn!
Chỉ với vài dòng code JavaScript là bạn đã hoàn thành tool viết bbcode nhanh rồi đấy!
Chúc các bạn thành công!
Nguồn: MrKen - Diễn đàn PhoNho.Net

Đánh giá: 4.5/ 5, 808 bình chọn
