Jquery 将单词更改为类型链接

Jquery change a word to link on type

本文关键字：类型 链接 单词更 Jquery      更新时间：2023-09-26

有没有办法在键入时将单词更改为链接？例如，我想全部转换

编程

到 

 <a title="best programming help"
         href="https://www.stackoverflow.com/">programming</a>

键入"编程"和另一个空格后。如何做到这一点？

补充：我正在将其输入文本区域。（我正在使用 http://imperavi.com/redactor/，它实际上是一个插件。

我可以在文本区域中使用 HTML，因为我指的是文本区域的输出。从技术上讲，我使用的是所见即所得:)

非常感谢您的帮助:)

如果您同意将链接以纯文本形式写出到您正在键入的同一元素中，这可能会为您解决问题。

http://jsfiddle.net/paulinfrancis/XFA4e/

var $thetext = $('#the-text');
var typedText = '';
var replaceText = '<a title="best programming help" href="https://www.stackoverflow.com/">programming</a>';
var programmingRegex = /programming$/gi;
$thetext.on('keyup', function(data){   
    typedText = $thetext.val();
    var matches = typedText.match(programmingRegex); 
    if(matches){
        typedText = typedText.replace(programmingRegex, replaceText);
        $thetext.val(typedText);
    }
});

查看他们的 API，他们有以下回调：

changeCallback: function(html)
    {
        console.log(html);
    }

每次文本区域的内容更改时都会触发。

您可以在html中搜索所需的单词，并将找到的单词修改为链接。

相关文章：