2018 年马上就要过去了，这一年真的经历了太多，本应该按惯例写写年终总结的，不过最近真的太忙了，总有些事情是更优先的，又赶上今天有人需要帮忙，索性就把解决这个小问题的代码讲一讲，全当作是对 2018 年的一个告别吧。

其实很久以前，在某个项目中也遇到过这个问题，我们在一个前端 Table (Grid) 中，希望显示出一个包含了 HTML 样式的富文本内容列，但是其内容很长，我们希望可以按照一个指定的字数进行截取（需要继续保留富文本的样式），并将字符串的剩余部分显示为 …

我们知道，通过 CSS ellipsis 也能设置 … 样式，但是这只能按照外围容器的 width 进行设定，无法按照字数进行处理。所以，为了庆祝新年，我们自己动手写一个吧！

Continue reading →

$("#Subject").bind('paste', function (e) {
        var pasteData = "";
        if (e.originalEvent.clipboardData) {
            pasteData = e.originalEvent.clipboardData.getData('text');
        } else {
            // for IE
            pasteData = window.clipboardData.getData("Text");
        }
        var self = this;

        // 在等待一段时间后，在当前光标位置，粘贴处理后的文本
        setTimeout(function () {
            var selection = document.getSelection();
            var cursorPos = selection.anchorOffset;
            var oldContent = selection.anchorNode.nodeValue;
        // 通过 Jquery的text() 去除所有样式
            var toInsert = $("<div>" + pasteData + "</div>").text();
            var newContent = oldContent.substring(0, cursorPos) + toInsert + oldContent.substring(cursorPos);
            selection.anchorNode.nodeValue = newContent;            
        }, 200);
        return false;
    });