zoukankan      html  css  js  c++  java
  • chinese-typesetting:更好的中文文案排版

    欢迎指正。GitHub 地址:https://github.com/jxlwqq/chinese-typesetting

    更好的中文文案排版

    统一中文文案、排版的相关用法,降低团队成员之间的沟通成本,增强网站气质。

    安装

    使用 composer 安装:

    composer require "jxlwqq/chinese-typesetting"
    

    使用

    添加空格

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    $text = '今天,我在Apple Store上购买了一台13英寸MacBook Pro笔记本电脑,花费了14188元。';
    $chineseTypesetting->insertSpace($text);
    // 今天,我在 Apple Store 上购买了一台 13 英寸 MacBook Pro 笔记本电脑,花费了 14188 元。。
    
    $text = 'α碳原子为与有机物中与官能团相连的第一个碳原子,第二个为β碳原子,以此类推。';
    $chineseTypesetting->insertSpace($text);
    // α 碳原子为与有机物中与官能团相连的第一个碳原子,第二个为 β 碳原子,以此类推。
    

    在中文与英文字母/用于数学、科学和工程的希腊字母/数字之间添加空格。 参考依据:中文文案排版指北:空格

    目前,比较主流的约定是在中文与英文之间添加空格。我在此基础上,增加了对用于数学、科学和工程的希腊字母的支持。

    全角转半角

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    $text = '这个名为 ABC 的蛋糕只卖 1000 元。';
    $chineseTypesetting->full2Half($text);
    // 这个名为 ABC 的蛋糕只卖 1000 元。
    

    有限度的全角转半角(英文、数字、空格以及一些特殊字符等使用半角字符)。参考依据:中文文案排版指北:全角和半角

    清除 HTML 标签的样式

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    // 清除 Class 属性
    $text = '<p class="class-name">Hello World!</p>';
    $chineseTypesetting->removeClass($text);
    // <p>Hello World!</p>
    
    // 清除 ID 属性
    $text = '<p id="id-name">Hello World!</p>';
    $chineseTypesetting->removeId($text);
    // <p>Hello World!</p>
    
    // 清除 Style 属性
    $text = '<p style="color: #FFFFFF;">Hello World!</p>';
    $chineseTypesetting->removeStyle($text);
    // <p>Hello World!</p>
    

    清除空的段落标签

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    // 清除空的段落标签
    $text = '<p>Hello World!</p><p></p>';
    $chineseTypesetting->removeEmptyParagraph($text);
    // <p>Hello World!</p>
    

    清除所有空的标签

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    // 清除所有空的标签
    $text = '<p>Hello World!<span></span></p>';
    $chineseTypesetting->removeEmptyTag($text);
    // <p>Hello World!</p>
    

    清除段首缩进

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    // 清除段首缩进
    $text = '<p>  Hello World!</p>';
    $chineseTypesetting->removeIndent($text);
    // <p>Hello World!</p>
    

    首行是否缩进,争议较大,个人倾向于段首空两格,会破坏美感的观点。

    使用全部或指定的方法来纠正排版

    use JxlwqqChineseTypesettingChineseTypesetting;
    
    $chineseTypesetting = new ChineseTypesetting();
    
    // 使用全部方法来纠正排版
    $text = '<p class="class-name" style="color: #FFFFFF;"> Hello世界。</p>';
    $chineseTypesetting->correct($text);
    // <p>Hello 世界。</p>
    
    // 使用指定方法来纠正排版
    $text = '<p class="class-name" style="color: #FFFFFF;"> Hello世界。</p>';
    $chineseTypesetting->correct($text, ['insertSpace', 'removeClass']);
    // <p style="color: #FFFFFF;">Hello 世界。</p>
    
  • 相关阅读:
    2014 ACM/ICPC Asia Regional Guangzhou Online HDU 5024 Wang Xifeng's Little Plot
    HDU 5015 2014 ACM/ICPC Asia Regional Xi'an Online 233 Matrix
    POJ 1269 Intersecting Lines(直线相交的判断)
    POJ 3304 Segments
    POJ 2318 TOYS
    The 2014 ACM-ICPC Asia Mudanjiang Regional First Round C ZOj 3811
    unique函数(先记下来)
    计算几何常用算法(数学知识)
    HUD 3461 codelock 纯题意解释,不含思想
    POJ 1182 食物链
  • 原文地址:https://www.cnblogs.com/jxlwqq/p/9372527.html
Copyright © 2011-2022 走看看