0

有没有办法可以在键入时将单词更改为链接?例如,我想将所有

编程

进入

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

在您键入“编程”和另一个空格之后。如何才能做到这一点?


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

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

非常感谢你的帮助 :)

4

2 回答 2

1

如果您可以将链接以纯文本形式写入您正在输入的相同元素中,那么这可能会为您解决问题。

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);
    }
});
于 2013-11-01T16:32:00.107 回答
0

查看他们的 API,他们有这个回调:

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

每次 textarea 的内容更改时都会触发它。

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

于 2013-11-01T15:48:17.223 回答