Lopwon MaxL 使用文档

版本型号：Lopwon MaxL
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/lopwon-maxl.html
许可方式：MIT
官方演示：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>