Lopwon MaxL 使用文档

2023-08-10


版本型号:Lopwon MaxL
适用程序:Typecho
皮肤类型:插件
插件作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/lopwon-maxl.html
官方演示:Lopwon MaxL


插件说明

插件 Lopwon MaxL 的作用是:限制评论框中输入的字数,超出则截断,可以自定义限制的字数,可以自定义提示信息的格式和样式,并且能动态显示当前的字数和剩余的字数。

提示:插件 Lopwon MaxL 使用前端 js 的方式限制输入的字数,这是相对的,不讲武德的也能绕过限制达到破限的目的。

注意:此插件仅供自用,请勿分发,请勿商用,且不对你在使用中产生的任何问题造成的不良后果,承担责任。

插件更新

2023年08月11日 发布 Lopwon MaxL


使用方法

A 部署插件

1. 将压缩包里的文件夹 LopwonMaxL 及其内部的所有文件,上传至目录 usr/plugins 中。

2. 后台》控制台》插件,找到 Lopwon MaxL 并启用。

B 配置插件

后台》控制台》插件,找到 Lopwon MaxL 并设置,依喜好设置即可。

C 使用技巧

1. 如果不想使用 Lopwon MaxL 插件,也可以直接在主题的适当文件适当位置(如:文件 footer.php 页脚处)引入以下代码(留意注释,以及按需修改):

<script>
window.onload = function() {
    var textarea = document.getElementById('textarea'); //评论框 <textarea> id 名称,通常为 textarea
    var maxLength = 200; //限制字数,自行修改

    var updateCounter = function() {
        var currentLength = textarea.value.length; //当前的字数
        var remaining = maxLength - currentLength; //剩余的字数

        var counter = document.getElementById('LopwonMaxL'); //计数器 id 名称
        counter.textContent = '已输入:' + currentLength + ' 字,剩余:' + remaining + ' 字'; //字数提示信息,自行修改
    };

    var restrictLength = function() {
        var currentLength = textarea.value.length; //当前的字数
        if (currentLength > maxLength) { //如果超出限制字数
            textarea.value = textarea.value.substring(0, maxLength); //截取限制字数内的内容
            var truncatedText = textarea.value.substring(0, maxLength - 3) + '...'; //将超过部分替换为三个点
            textarea.value = truncatedText;
        }
        updateCounter(); //更新计数器
    };

    textarea.addEventListener('input', restrictLength); //监听字数状态

    var counterElement = document.createElement('span'); //创建计数器元素
    counterElement.id = 'LopwonMaxL'; //设置计数器 id 名称
    textarea.parentNode.insertBefore(counterElement, textarea.nextSibling); //将计数器插入 <textarea> 之后

    updateCounter(); //初始化时更新计数器
};
</script>

Store

1 条评论

  1. 北京 9 noreply

    真不错啊

准备下山 准备下山
Snapic Plus v5
使用 Lopwon POP 实现
我要下载中奖率 75%