Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery强制单词更改大小写等以保留品牌?_Javascript_Jquery_Branding - Fatal编程技术网

Javascript 如何使用jquery强制单词更改大小写等以保留品牌?

Javascript 如何使用jquery强制单词更改大小写等以保留品牌?,javascript,jquery,branding,Javascript,Jquery,Branding,假设你是苹果。。。在整个网站范围内,你希望iPod的每一个实例都是恰当的案例,并且结构合理,以保留品牌。我对一家根本不是苹果的公司也有类似的问题,但它面临着同样的品牌挑战 因此,即使有人在运行该站点的CMS中键入IPOD或IPOD或IPOD,它也将始终正确显示为IPOD 即使标题上有一个文本转换CSS,使所有内容都变成大写,如IPOD等,它也会迫使i小写为IPOD等 即使有复数或变体,如iPod、IPODAGE、iPoding。。。它的任何巴斯德化都将转化为恰当的案例——iPods、iPodag

假设你是苹果。。。在整个网站范围内,你希望iPod的每一个实例都是恰当的案例,并且结构合理,以保留品牌。我对一家根本不是苹果的公司也有类似的问题,但它面临着同样的品牌挑战

因此,即使有人在运行该站点的CMS中键入IPOD或IPOD或IPOD,它也将始终正确显示为IPOD

即使标题上有一个文本转换CSS,使所有内容都变成大写,如IPOD等,它也会迫使i小写为IPOD等

即使有复数或变体,如iPod、IPODAGE、iPoding。。。它的任何巴斯德化都将转化为恰当的案例——iPods、iPodage、ipoding

我已经用我在JSFIDLE上找到的以下脚本做了一些实验,虽然我基本上没有受过js教育,但运气不太好

我已经将jquery应用于该站点中的许多其他内容,因此我可以很好地利用它。

这里是(我相信)一个工作版本:

如下所示:

然后,您可以使用如下css添加到该内容:

.sw:after{
    content: "TM";
    vertical-align:super;
    font-size:.5em;
}
以下是(我相信)一个有效的版本:

如下所示:

然后,您可以使用如下css添加到该内容:

.sw:after{
    content: "TM";
    vertical-align:super;
    font-size:.5em;
}

只是稍微修改了一下shmiddy的解决方案

$.fn.changeWord = function (str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function () {
        this.innerHTML = this.innerHTML.replace(new RegExp('(' + str+ '(?=(?:[^\>]|\<[^\<]*\>)*$))', 'gi'), "<span class='"+className+"'>$1</span>");
    });
};

$('#myDiv').changeWord('specialWord', 'sw');
$.fn.changeWord=函数(str,className){
var regex=新的RegExp(str,“gi”);
返回此。每个(函数(){

this.innerHTML=this.innerHTML.replace(新的RegExp('('+str+')(?=(?:[^\>]\刚刚稍微修改了
shmiddy
的解决方案

$.fn.changeWord = function (str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function () {
        this.innerHTML = this.innerHTML.replace(new RegExp('(' + str+ '(?=(?:[^\>]|\<[^\<]*\>)*$))', 'gi'), "<span class='"+className+"'>$1</span>");
    });
};

$('#myDiv').changeWord('specialWord', 'sw');
$.fn.changeWord=函数(str,className){
var regex=新的RegExp(str,“gi”);
返回此。每个(函数(){

this.innerHTML=this.innerHTML.replace(新的RegExp(“(“+str+”)(?=(?:[^\>]| \当数据进入CMS时,作为编辑功能的一部分是否更有意义?这可能是可能的(但不确定CSS的情况,这将非常困难),但我认为这样一个全局脚本会大大降低速度。最好是在接受用户输入时(即在存储输入之前,作为清理的一部分)简单地执行此类操作,然后,任何不是用户输入的内容都应该是您能够控制的,并且首先必须是正确的。当数据进入CMS时,作为编辑功能的一部分是否更有意义?这可能是可能的(但不确定CSS的情况,这将非常困难),但我认为这样一个全局脚本会大大降低速度。最好是在接受用户输入时(即在存储输入之前,作为清理的一部分)简单地执行此类操作,然后,任何不是用户输入的内容都应该是您可以控制的,并且首先必须是正确的。谢谢您,Shmidty,我分叉了,我想我需要的是修改它,使它实际上只看第一个字母。在这种情况下,只有第一个字母需要小写。@SpatialAnomaly这将适用于任何大写组合。它搜索整个单词。我个人不建议每个字母都这样做。谢谢你Shmidty,我分叉了,我想我需要的是修改它,使它真正只看第一个字母。在这种情况下,只有第一个字母需要小写。@SPATIALANOMAL这将适用于任何组合国家的大写。它搜索整个词。我个人不建议每个字母都这样做。是的,我看到这将是很难控制的网站范围内,我怀疑。我想我可能至少可以应用到h1,h2等,这是设置为所有大写的CSS。撒旦设计师我发誓,我永远不会这样设计,但我是我正在使用其他人的PSD。菜单也都是大写的。如果我能控制这两个区域,他们在CMS中编辑内容时必须自己控制。是的,我知道这将很难控制整个站点,我怀疑这一点。我想我可能至少可以将这一点应用到h1、h2等都设置为大写的区域在CSS.Satanic designer中,我发誓,我永远不会那样设计,但我正在使用其他人的PSD。菜单也都是大写的。如果我能控制这两个区域,他们就必须在CMS中编辑内容时控制自己。