多朗粘贴
Slugify是一款将文本转换为干净,SEO友好的弹道的全用弹道发生器. 在标题中实现锚地ID自动化是理想的,它旨在处理广泛的语言和特殊字符.
演示
支持的语言
污名化支持多种语言:
德语、丹麦语、荷兰语、芬兰语、法语、匈牙利语、意大利语、挪威语、葡萄牙语、罗马尼亚语、俄语、西班牙语、瑞典语、土耳其语、希腊语、保加利亚语、塞尔维亚语、克罗地亚语、捷克语、波兰语、斯洛伐克语、斯洛文尼亚语、拉脱维亚语、立陶宛语、爱沙尼亚语、波斯语、阿拉伯语、希伯来语、印地语、泰国语、中文、日语、韩语、越南语、乌克兰语以及埃莫吉语
安装
您可以通过 npm 安装此模块 :
$ npm i @danielhaim/slugify
国家预防机制
import { slugify } from './path/to/slugify/index.js';
const slugifier = new slugify();
console.log(slugifier.generate("Hello World!")); // returns "hello-world"
实例
带身份证的头
输入 :
<h1><span>How will mobile commerce impact 2022?</span></h1>
<h2><span>Sophia, Ärztin aus Hamburg</span></h2>
<h2><span>Süße Sophia, schön und klug</span></h2>
// Function to generate slugs
function generateSlug(titleElement) {
const titleContent = titleElement.textContent || '';
const slugifier = new slugify();
const slugged = slugifier.generate(titleContent);
return slugged;
}
// Select all heading elements (h1, h2, h3, etc.)
const headingElements = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
headingElements.forEach((headingElement) => {
const slugged = generateSlug(headingElement);
// Only set the ID and create <a> if a valid slug is generated
if (slugged) {
const anchorElement = document.createElement('a');
anchorElement.href = `#${slugged}`;
anchorElement.textContent = headingElement.textContent;
headingElement.innerHTML = ''; // Clear existing content
headingElement.appendChild(anchorElement);
}
});
输出 :
<h1><a href="#how-will-mobile-commerce-impact-2022"><span>How will mobile commerce impact 2022?</span></a></h1>
<h2><a href="#sophia-aerztin-aus-hamburg"><span>Sophia, Ärztin aus Hamburg</span></a></h2>
<h2><a href="#suesse-sophia-schoen-und-klug"><span>Süße Sophia, schön und klug</span></a></h2>
德语特殊字符
const slugifier = new slugify();
slugifier.generate('Ist dein Name Sophia?'); // Output: "ist-dein-name-sophia"
slugifier.generate('Sophia, Ärztin aus Hamburg'); // Output: "sophia-aerztin-aus-hamburg"
slugifier.generate('Wie geht es dir, Sophia?'); // Output: "wie-geht-es-dir-sophia"
slugifier.generate('Süße Sophia, schön und klug'); // Output: "suesse-sophia-schoen-und-klug"
slugifier.generate("Sophia's Geburtstag"); // Output: "sophias-geburtstag"
带有特殊字符和分隔符的其他示例
const slugifier = new slugify();
slugifier.generate('Hello, world!'); // Output: "hello-world"
slugifier.generate('Hello, world!'); // Output: "hello_world"
slugifier.generate('Hello, world!'); // Output: "hello-world"
slugifier.generate('#1 Best in Class'); // Output: "number-1-best-in-class"
slugifier.generate('[email protected]'); // Output: "hello-at-example-com"
构建进程
$ npm run build
测试
$ npm run test
报告错误
如果您在使用库时遇到任何错误或问题,请通过打开寄存器的问题跟踪器中的新一期来报告.
在报告错误时,请提供尽可能多的细节,包括复制问题的步骤和您看到的任何错误信息. 我感谢对改进图书馆的任何贡献.