晨旭的博客
你想干什么!
晨旭的博客~
为什么你们就是不能加个空格呢?
为什么你们就是不能加个空格呢?

今天看到一个chrome插件:“為什麼你們就是不能加個空格呢?

https://source.papapoi.com/wp-content/plugins/new-ueditor/ueditor/php/upload/82431459154555.jpg?imageView2/2/w/431/h/323|watermark/1/image/aHR0cDovL3NvdXJjZS5wYXBhcG9pLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wOC9sb2dvcGljLnBuZw==/dissolve/100/gravity/SouthEast/dx/10/dy/10

它的功能是自动在网页中所有的中文字和半形的英文、数字、符号之间插入空白。

比如:

在许多c++IDE和编译器里,main函数经常会像这样

会被处理成:

在许多 c++IDE 和编译器里,main 函数经常会像这样

该项目的GitHub地址:https://github.com/vinta/pangu.js

如何在网站里使用?

其实只要引入作者提供的javascript就行了

首先在head标签中引用盘古空白的javascript地址:

<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/3.0.0/pangu.min.js"></script>

https://source.papapoi.com/wp-content/plugins/new-ueditor/ueditor/php/upload/79691459154556.png?imageView2/2/w/800/h/503|watermark/1/image/aHR0cDovL3NvdXJjZS5wYXBhcG9pLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wOC9sb2dvcGljLnBuZw==/dissolve/100/gravity/SouthEast/dx/10/dy/10

然后在body标签上添加id(head.php):

<body id="pangu">

最后在body结束前加上js语句:

<script>pangu.spacingElementById('pangu');</script>

因为我用了ajax,所以这里比较偷懒,用的是:

<script>
window.setInterval(dopangu,10000);

function dopangu(){
pangu.spacingElementById('pangu');
}
</script>

这样网站就会自动地在中英文和数字间加上空格了~

经测试,本方法不兼容IE11浏览器

赞赏
如非特使说明,本站所有文章均采用知识共享 署名-非商业性使用-相同方式共享4.0国际许可协议(CC BY-NC-SA 4.0)进行许可。

相关文章

发表评论

textsms
account_circle
email

晨旭的博客~

为什么你们就是不能加个空格呢?
今天看到一个chrome插件:“為什麼你們就是不能加個空格呢?”它的功能是自动在网页中所有的中文字和半形的英文、数字、符号之间插入空白。比如:在许多c++IDE和编译器里,main函数经常会像…
扫描二维码继续阅读
2016-03-28