貼吧回復框css與插件

貼吧回復框是百度貼吧重要的交互功能之一，它需要用到CSS和插件。下面將詳細介紹貼吧回復框的CSS和插件。

CSS：

/* 貼吧回復框的CSS */
.tb-editor { 
position: relative; 
background-color: #FFFFFF;
border: 1px solid #ccc; 
border-radius: 4px; 
box-shadow: 0 0 5px #ccc; 
font-size:13px; 
padding: 5px; 
}
.tb-editor-content { 
height: 200px; 
overflow-y: auto; 
}

插件：

/* 插件1：拖拽上傳 */
$(document).on('dragenter', function(e) {
e.stopPropagation();
e.preventDefault();
$(this).addClass('dragging');
});
$(document).on('dragover', function(e) {
e.stopPropagation();
e.preventDefault();
});
$(document).on('drop', function(e) {
e.stopPropagation();
e.preventDefault();
$(this).removeClass('dragging');
var files = e.originalEvent.dataTransfer.files;
for (var i = 0; i< files.length; i++) {
var file = files[i];
// 處理上傳文件
}
});
/* 插件2：表情插入 */
$('.tb-editor-btn-face').on('click', function() {
// 彈出表情選擇窗口
});
// 表情選擇后插入表情
function insertFace(faceUrl) {
$('.tb-editor-content').append('');
$('.tb-editor-content').focus();
}