flex textarea 和文本交互中的 css 支持

Posted 2023-05-07

【中文标题】flex textarea 和文本交互中的 css 支持

【英文标题】：css support in flex textarea and text interaction

【发布时间】：2014-02-09 23:26:38

【问题描述】：

很抱歉，如果这是一个一般性问题，但我找不到有关此主题的明确信息。我想在移动环境中呈现富文本内容或特定 html，并在单击某些文本时调用一些自定义操作脚本函数。我的第一个想法是使用带有 StyleableTextField 组件的 textarea，但它的 css 支持很差（仅支持几个标签）。

考虑到出于性能原因不建议将 Text Layout Framework 用于移动设备，我不知道任何其他选择（这是真的吗？我什至不知道在哪里可以找到有关它的详细教程）。

我的布局很简单，一个2列的液体布局：

//css style definitions:

.wrapper width: 100%; float: left; .sx margin-right: 10%; .dx float: right; width: 10%; font-size: 25%;


//html to render
<div class='wrapper'>
<div class='dx'>123 note</div>
<div class='sx'><b>Hello</b><i>world!</i></div>
</div>

，点击“123 note”我想调用我的“fx Script”标签中定义的函数。

感谢您的建议。

【问题讨论】：

有什么问题？当一个元素被点击时，你试图让一些脚本执行什么？为什么问题标签中没有“javascript”？

我的问题是：哪个是 textarea 的最佳用法来呈现富文本或复杂布局，并单击其中的某些文本来执行一些自定义功能。我发现：StyleableTextField 组件仅支持 HTML 1，不推荐移动开发使用 Text Layout Framework。还有其他选择吗？如果我必须使用 TLF，是否有任何教程或示例可以学习以提供复杂的布局和与文本的交互？ （我什至不知道 javascript 是否是解决方案以及最终如何使用它）

【参考方案1】：

考虑使用StageWebView。你基本上得到了一个完整的浏览器来显示你的 HTML 内容。

另外值得注意的是 Judah Frangipane 的 WebView wrapper - 它简化了 StageWebView 的使用。

【讨论】：

嗨，Brian，谢谢，但我看不到任何可以调用在我的“fx 脚本”标签中定义的函数，单击文本（例如在“123 note”中），类似于使用的函数在允许 HREF 链接调用 ActionScript 函数的 HTML 文本字段中。在文档中：“StageWebView 类不提供 ActionScript 和 HTML 内容之间的交互”。基本上，我需要 2 个功能：呈现复杂的布局（html 和 css 只是一种选择）并提供如上所述的交互。

有一个漏洞可以让您在 Actionscript 和 HTML 之间进行交互。如果您从 URL 加载 HTML 文档，则在 javascript 中设置 document.location 将触发 Actionscript 中的事件。同样，您可以通过将StageWebView 上的位置设置为例如从 Actionscript 调用 javascript 函数。 javascript:functionCall()。它很快就会变得非常复杂，但它可能会在您的场景中发挥作用。

谢谢布赖恩！有没有这方面的例子？