XtGem Forum catalog

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Share JavaScript bbcode khung copy văn bản hoặc code đã fix lỗi tag br

Admin* RoSino18k *
* 14-08-2017

Chắc hẳn khi thiết kế một blog, hay một diễn đàn bạn đều có cho mình một bbcode khung chưa văn bản mà trong HTML ta xây dựng bằng tag textarea, tuy nhiên bạn đã có một cách thiết kế bbcode này hợp lý vừa k lỗi mà lại thân thiện với các thiết bị di động hay chưa?? Bài viết này mình sẽ chia sẻ cho các bạn code textarea fix lỗi br được viết bằng ngôn ngữ javascript khá mượt mà không làm ảnh hưởng xấu đến tốc độ load..


Tác dụng của code này khá đơn giản đó là cho text hoặc code vào khung, văn bản vừa có thể hiển thị trên trang và vừa có thể copy qua textarea, thích hợp cho mọi wap đặc biệt là wap share code vì code đã được fix lỗi thừa tag <br /> rồi nhé!! Demo: *http://aichat.wap.sh/demo/copy

Hướng dẫn cài đặt code copy code hoặc văn bản:
- Đầu tiên bạn hãy chuyển bbcode của mình thành thẻ sau:

<div name="code">Văn bản</div>


Code sẽ chuyển tất cả các thẻ chứa name="code" vào khung

- Tiếp theo bạn hãy dán code javascript này vào footer:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
var total=document. 
getElementsByName("code"); 
for(var i=0;i<total.length;i++) 

tiaxgame='<div id="data_code_'+i+'" class="phpcode" style="Overflow:auto">'+document.getElementsByName("code")[i].innerHTML.replace 
(/(\r\n|\n|\r)/gm, "<br\/>")+'</div><div class="gmenu" id="copy_code_'+i+'" id-code="'+i+'">Copy Code</div>'; 
document.getElementsByName("code")[i].innerHTML=tiaxgame; 
}; 

for(var j=0;j<total.length;j++) 

$("#copy_code_"+j).on("click",function() { 
var id_code = $(this).attr('id-code'); 
nd2 = document.getElementById('data_code_'+id_code).innerHTML; 
$(this).replaceWith('<textarea>'+nd2.replace 
(/<br>/gm, "\n")+'</textarea>'); 
}); 
}; 
</script>

Thế là bạn đã hoàn thành code copy code fix lỗi br rồi đấy. Khi bạn click vào nút Copy Code thì khung textarea sẽ hiện ra để bạn có thể copy thoải mái nội dung trong thẻ có name="code" trên. Bạn hoàn toàn có thể yên tâm dù trong văn bản có chứa bao nhiêu thẻ có name="code" đều không gây lỗi như những javascript copy code trước đó. Chúc các bạn thành công!!

Nguồn: tiaxgame - AiChat.Wap.Sh
↑↑ Lượt xem: 159
score
Đánh giá: 4.5/ 5, 159 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-159]