【给wordpress评论处添加图片】给wordpress评论处添加表情及工具

更新时间:2019-11-26    来源:WordPress    手机版     字体:

【www.bbyears.com--WordPress】


wordpress评论框仅仅只有昵称、邮箱、站点和评论内容的话,会不会显得太简单了?当然追求简洁的人来说,可能觉得站点都有点多余,然后,大叔要说的是给wordpress评论处添加实用工具,丰富起我们的评论框吧!

20150620095041直接给教程吧,comments.php加入按钮

   
        include(TEMPLATEPATH . "/smiley.php");      //你主?引用表情的文件 
    /* 如果你使用「Custom Smilies」外?欤???h除上面那行,?K且去除下面?行的注? */ 
    //cs_print_smilies(); 
    ?> 
 
 
     
        javascript:;" id="comment-smiley">表情 
        粗体 
        斜体 
        颜色 
        引用 
        链接 
        删除线 
        下划线 
        插代码 
        插图片 
     
 
 
   
     
     
     
     
     
     
     
     
     
    pskyblue()" style="background-color: deepskyblue"> 
     
     
     
     
     
     
     
       
 
style.css内加入样式表:

/** ??工具 **/ 
#smiley{ 
    padding-bottom: 10px; 

#editor_tools{ 
    width: 600px; 
    height: 26px; 
    line-height: 26px; 
    border: 1px #e0e0e0 solid; 
    border-radius: 2px 2px 0 0; 
    overflow: hidden; 
    z-index: 99999; 

#editor_tools a{ 
    color: #777; 
    display: inline-block; 
    padding: 0 8px; 
    height: 26px; 
    border-right: 1px solid #ddd; 

#editor_tools a:hover{ 
    color: #333; 
    text-decoration: none; 

#fontcolor{ 
    width: 377px; 
    height: 16px; 
    line-height: 20px; 
    border: 2px #e0e0e0 solid; 
    z-index: 99999; 
    padding: 2px 0px 2px 2px; 

#fontcolor a{ 
    display: inline-block; 
    height: 16px; 
    width: 16px; 

增加一个js,例comments.js,期内代码如下:

jQuery(function(){ 
    jQuery("#smiley").hide(500); 
    jQuery("#comment-smiley").click(function(){ 
        jQuery("#smiley").toggle(500); 
    }); 
}); 
jQuery(function(){ 
    jQuery("#fontcolor").hide(500); 
    jQuery("#font-color").click(function(){ 
        jQuery("#fontcolor").toggle(500); 
    }); 
});   
jQuery(function(){ 
    jQuery("#smiley").hide(); 
    jQuery("#comment").click(function(){ 
    }); 
}); 
jQuery(function(){ 
    jQuery("#fontcolor").hide(); 
    jQuery("#comment").click(function(){ 
    }); 
}); 
jQuery(function() { 
    function addEditor(a, b, c) { 
        if (document.selection) { 
            a.focus(); 
            sel = document.selection.createRange(); 
            c ? sel.text = b + sel.text + c: sel.text = b; 
            a.focus() 
        } else if (a.selectionStart || a.selectionStart == "0") { 
            var d = a.selectionStart; 
            var e = a.selectionEnd; 
            var f = e; 
            c ? a.value = a.value.substring(0, d) + b + a.value.substring(d, e) + c + a.value.substring(e, a.value.length) : a.value = a.value.substring(0, d) + b + a.value.substring(e, a.value.length); 
            c ? f += b.length + c.length: f += b.length - e + d; 
            if (d == e && c) f -= c.length; 
            a.focus(); 
            a.selectionStart = f; 
            a.selectionEnd = f 
        } else { 
            a.value += b + c; 
            a.focus() 
        } 
    } 
     
    var myDate = new Date(); 
    var mytime=myDate.toLocaleTimeString() 
     
    var g = document.getElementById("comment") || 0; 
    var h = { 
        strong: function() { 
            addEditor(g, "", "") 
        }, 
        em: function() { 
            addEditor(g, "", "") 
        }, 
        del: function() { 
            addEditor(g, "", "") 
        }, 
        underline: function() { 
            addEditor(g, "", "") 
        }, 
        quote: function() { 
            addEditor(g, "

", "
") 
        }, 
        ahref: function() { 
            var a = prompt("??入?接地址", "http://"); 
            var b = prompt("??入?接?热?", ""); 
            if (a) { 
                addEditor(g, "" + b + "", "") 
            } 
        }, 
        img: function() { 
            var a = prompt("??入?D片地址", "http://"); 
            if (a) { 
                addEditor(g, "", "") 
            } 
        }, 
        sign: function() { 
            addEditor(g, "今天?到啦!?r?:" + mytime, "") 
        }, 
        code: function() { 
            addEditor(g, "
", "
") 
        }, 
        red: function() { 
            addEditor(g, "", "") 
        }, 
        fuchsia: function() { 
            addEditor(g, "", "") 
        }, 
        purple: function() { 
        addEditor(g, "", "") 
        }, 
        orange: function() { 
            addEditor(g, "", "") 
        }, 
        yellow: function() { 
        addEditor(g, "", "") 
        }, 
        olive: function() { 
        addEditor(g, "", "") 
        }, 
        lime: function() { 
        addEditor(g, "", "") 
        }, 
        maroon: function() { 
        addEditor(g, "", "") 
        }, 
        aqua: function() { 
        addEditor(g, "", "") 
        }, 
        teal: function() { 
          addEditor(g, "", "") 
        }, 
        green: function() { 
        addEditor(g, "", "") 
        }, 
        blue: function() { 
            addEditor(g, "", "") 
        }, 
        navy: function() { 
            addEditor(g, "", "") 
        }, 
        gray: function() { 
            addEditor(g, "", "") 
        }, 
        deepskyblue: function() { 
            addEditor(g, "", "") 
        }, 
        gold: function() { 
            addEditor(g, "", "") 
        },      silver: function() { 
            addEditor(g, "", "") 
        }, 
        black: function() { 
            addEditor(g, "", "") 
        } 
    }; 
    window["SIMPALED"] = {}; 
    window["SIMPALED"]["Editor"] = h 
}); 
调用这个JS

<script src="/js/comments.js"></script> 
那么,在去看看你们的评论框吧,是不是碉堡了,恩,可能样式还需要修改修改,才能符合每个人不同的风格

本文来源:http://www.bbyears.com/wangyezhizuo/81060.html