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ữ
Share JavaScript bbcode khung copy văn bản hoặc code đã fix lỗi tag br
 |  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>
<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: 1718 
Đánh giá: 4.5/ 5, 1718 bình chọn
| - Chia sẻ: |   |
Link:
Còn “nhiều” Lắm!