Question

这个jQuery代码将作为wordpress编辑器中的bookmarklet运行。 bookmarklet / jQuery代码将编辑内容字段中的文本，并将参数（例如？参数）附加到URL的末尾。

网址始终是相同的域名（例如domain.com）。但是，URL通常包含目录（例如domain.com/directory/index.html?parameter）。无论域名后面是什么，我都需要附加jQuery代码。

最复杂的情况是domain.com/directory/index.html?someotherparameter?parameter。此内容区域通常包含多个URL，因此脚本需要遍历整个文本。

我的半工作代码

var url= 'domain.com';
var append = ' ?parameter ';

$(".wp-editor-area").each(
    function(){
        var haystack = $(this).text();
        $(this).text(haystack.replace(url, url+ append));
    });

正在修改的HTML代码

<div id="wp-content-editor-container" class="wp-editor-container"><textarea class="wp-editor-area" rows="10" tabindex="1" cols="40" name="content" id="content">&lt;a title="This is a hyperlink" href="http://domain.com/directory"&gt;This is a hyperlink&lt;/a&gt;</textarea></div>

其当前输出

<a title="This is a hyperlink" href="http://domain.com ?parameter /directory">This is a hyperlink</a>

Jsfiddle for convenience

请注意，我的输出不会在整个网址后追加。如果文本正文中包含更多URl，我如何修改这个更复杂的URL并循环遍历文档？

我能找到的唯一相关且类似的问题是this，但我无法复制结果。

谢谢！

Answer 1

首先，the Fiddle。

您的示例代码完全按照您的要求执行。它用域和您的参数替换了字符串的'domain.com'部分。一旦找到'domain.com'，它就会停止查看是否还有其他内容。

请尝试使用a regular expression查找字符串中的网址，而不是直接替换文字。

<强>来源：

<div id="wp-content-editor-container" class="wp-editor-container">
    <textarea class="wp-editor-area" rows="10" tabindex="1" cols="40" name="content" id="content">
        &lt;a title="This is a hyperlink" href="http://domain.com/directory"&gt;This is a hyperlink&lt;/a&gt;
        &lt;a title="This is another hyperlink" href="http://google.com/directory"&gt;This is another hyperlink&lt;/a&gt;        
    </textarea>
</div>

<强>使用Javascript：

var url = 'domain.com';
var append = '?parameter ';

$(".wp-editor-area").each(function() {
    $(this).text(urlify($(this).text()));
});

function urlify(text) {
    var urlRegex = /(\b(https?|ftp|file):\/\/[domain.com][-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(urlRegex, function(url) {
        return url + append;
    })
}

jQuery用于标识URL和追加参数

1 个答案: