Thứ Tư, ngày 27 tháng 7 năm 2016

Code chèn đoạn text vào trong khung trong bài đăng của blog

Việc soạn thảo bài viết trong blogspot còn rất nhiều hạn chế không như soạn bài viết trong website hay trong wordpress vì Google không cung cấp sẵn bộ công cụ soạn thảo đa dạng.


Đặc biệt với những bài viết dài thì tác giả hay thu gọn một nội dung nào đó trong một khung và bộ soạn thảo trong blog không cung cấp tùy chọn đó nhưng không phải không có cách. Tuấn xin chia sẻ code hay gọi là style có sẵn và với code này bạn chỉ cẩn chèn nội dung vào trong code rồi qua trình soạn thảo HTML copy và paste vào là xong.

<div style="background-color: #f4f4f4; border-color: gray; border-style: solid; border-width: 1px; cursor: text; font-family: consolas,'Courier New',courier,monospace; line-height: 12pt; margin: 20px 0px 10px; max-height: 200px; overflow: auto; padding: 4px; width: 97.5%;">
<span style="font-size: small;">
YOUR TEXT
</span>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"></span></div>
<span style="font-size: small;"><span style="font-family: &quot;times&quot; , &quot;times new roman&quot; , serif;">
</span></span>

Thay YOUR TEXT bằng nội dung văn bản của bạn

Ví dụ như mình muốn thêm đoạn code dưới vào trong bài đăng:
Lúc chưa lồng trong khung:

<script type='text/javascript'>
function addLink(){
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/>Xem thêm tại <a href='"+document.location.href+"'>"+document.location.href+"</a>";
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}
document.oncopy = addLink;
</script>

và lúc đã chèn vào trong khung
<script type='text/javascript'>
function addLink(){
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/>Xem thêm tại <a href='"+document.location.href+"'>"+document.location.href+"</a>";
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}
document.oncopy = addLink;
</script>

Để làm được như trên đầu tiên các bạn cứ viết đoạn text vào khung Viết rồi chuyển qua khung soạn thảo HTML các bạn lấy lại nội dung mà bạn vừa viết thay thế cho phần YOUR TEXT là được chứ các bạn đừng làm sẵn rồi copy vào vì có một số kí tự nó không nhận dạng


Trên đây là đoạn code chèn text vào trong khung nếu bạn có đoạn code nào hay và đẹp hơn xin vui lòng chia sẻ bên dưới. Cảm ơn các bạn.