actionscript-3 - Flash AS3 中的文本链接

Question

所以我自己为一些在 Dropbox 上工作的 friend 制作了一个“维基”式的应用程序，这意味着所有文件都存储在本地并由每个人更新。

每个文件都是由闪存提取的 .txt，然后使用简单的导航和搜索工具显示。

现在，我正尝试更进一步，并从其内容中链接文章。例子:

第 1 条称为“苹果”。它的内容是:“苹果很好吃。”
第 2 条称为“熊”。其内容:“熊常吃苹果。”

现在，当用户打开第 2 条时，我希望他们能够点击“苹果”这个词，然后打开第 1 条(“苹果”)。

我想知道如何创建在动态文本框中单击特定单词时触发的事件。不是整个动态文本框。

我曾想过创建可点击的单词形状的影片剪辑并将它们分层在单词上，但如果有更简单的选项可用，那就太麻烦了。

Answer 1

您可以使用文本框的 htmlText 属性来动态地使单词链接。然后使用 TextEvent.LINK 事件以捕获单击的单词。

在用内容填充文本框之前，只需遍历“关键字”列表并执行 .replace("keyword", '<a href="event:keyword">keyword</a>');
因此，您的代码将类似于:

// get the file contents using whatever method you use
var contents:String = getFileContents("page2.txt");

// assuming you have your keywords in an array
var keywords:Array = ["Apples", "Pears"];
for each (var keyword:String in keywords) {
    // replace the current keyword with a version of itself wrapped in a link
    contents = contents.replace(keyword, '<a href="event:' + keyword + '">' + keyword + '</a>');
}

yourTextField.htmlText = contents;

// add an eventlistener for the click
yourTextField.addEventListener(TextEvent.LINK, linkClicked);
function linkClicked(e:TextEvent):void {
    // load the article for the clicked word =]
    loadPage(e.text);
}

更新
如果您想忽略关键字的大小写，因此“apples”将匹配“Apples”(“aPpLeS”也将匹配)，您需要使用正则表达式，以便您也可以按原样保留单词文本:

// build a |-separated list of keywords
var keywordList:String = "";
for each (var keyword:String in keywords) {
    keywordList += ((keywordList != "") ? "|" : "") + keyword;
}
// build the regex and replace each keyword in-place
var pattern:RegExp = new RegExp("(" + keywordList + ")", "gi"); // "i" for ignore-case =]
contents = contents.replace(pattern, '<a href="event:$1">$1</a>');

上面建一个 |的原因-separated 关键字列表并执行单个替换(而不是为每个关键字替换)是因为分隔列表将按顺序进行替换，并且不允许找到的关键字破坏由前一个关键字插入的 HTML(例如，例如，您有一个关键字“事件” - 如果将其替换为 <a href="<a href="event:event">event</a>:keyword1">keyword1</a> ，HTML 就会中断)。

文本的原始案例将与事件一起发送。您可以搜索所有现有关键字并将它们与传递给事件的关键字进行比较(使用 .toLowerCase() 将两者都转换为小写以进行比较)，或者您可以制定主要关键字始终为小写的规则并且不必担心每次都在列表中搜索。