Vua Tên Miền: Chuyên gia Tư vấn và Mua bán tên miền đẹp, đảm bảo uy tín và giá trị! Hãy liên hệ: Mr. Nguyễn Đình Chiến (.com), Mobi-Zalo: 0912 191 357 để được tư vấn, hổ trợ miễn phí! Trân trọng cảm ơn quý khách đã ủng hộ VuaTenMien.Com trong thời gian qua!
kinh doanh, bán hàng, tư vấn, bảo hiểm Những cá nhân, tổ chức, đại lý,muốn bán, hợp đồng bảo hiểm
Tuesday, July 26, 2016

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.

tcaviet@gmail.com

0 comments:

Post a Comment

BÀI ĐƯỢC XEM NHIỀU NHẤT:

kinh doanh, bán hàng, tư vấn, bảo hiểm Những cá nhân, tổ chức, đại lý,muốn bán, hợp đồng bảo hiểm