【问题标题】:allow subscript and superscript text in textarea在 textarea 中允许下标和上标文本
【发布时间】:2017-01-24 06:04:55
【问题描述】:

我想在 textarea 中允许上标和下标文本。经过一番搜索,我偶然发现了 javafx.scene.text.FontPosition https://docs.oracle.com/cd/E17802_01/javafx/javafx/1.1/docs/api/javafx.scene.text/javafx.scene.text.FontPosition.html 用于将字体描述为上标、下标或正则。但我无法弄清楚如何在打字时将当前字体流从常规更改为下标/上标,反之亦然。

【问题讨论】:

    标签: javafx


    【解决方案1】:

    您可以将“WebView”节点用于富文本字段。示例代码如下。希望有用。

    import javafx.application.Application;
    import javafx.scene.Group;
    import javafx.scene.Scene;
    import javafx.scene.control.ScrollPane;
    import javafx.scene.web.WebEngine;
    import javafx.scene.web.WebView;
    import javafx.stage.Stage;
    
    public class WebviewSample extends Application {
       @Override
       public void start(final Stage stage) {
       stage.setWidth(400);
       stage.setHeight(500);
       Scene scene = new Scene(new Group());
    
    
       final WebView browser = new WebView();
       final WebEngine webEngine = browser.getEngine();
    
       ScrollPane scrollPane = new ScrollPane();
       scrollPane.setContent(browser);
    
       String htmlText = "<b> This is bold text </b>"
                        + "<br/>" 
                        + "<h1> This is h1 text </h1>"
                        + "<br/>"
                        + "<h2 style=\"background-color:red\">Background-color set by using red</h2>";
    
    webEngine.loadContent(htmlText);
    
    scene.setRoot(scrollPane);
    
    stage.setScene(scene);
    stage.show();
    }
    
        public static void main(String[] args) {
          launch(args);
        }
    }
    

    输出如下:

    【讨论】:

    • 感谢@GltknBtn 的回复。我只是对示例代码有一点疑问。如何在用户键入时将文本放入下标。例如,在使用像 MS-Word 这样的文档编辑器时,我们可以在键入时将文本放在下标或上标中。 WebView 可以提供这样的功能吗?
    • 您可以提供来自其他字段(例如文本区域或文本字段)的 html 文本,并在 Web 视图中显示下标和上标。带有下标和 super 的示例 html 文本如下:"

      A=BcD2"

    • 对不起,无效的脚本应该是这样的:

      A=BcD2

    • 再次感谢@GltknBtn。我见过这个ink。所以我会尝试混合你的解决方案和链接中的解决方案。希望结果是对的。
    • 不客气。如果您看到的链接没有用,您可以查看 javafx Html editor。也许它会很有用。示例链接:docs.oracle.com/javafx/2/ui_controls/editor.htm
    猜你喜欢
    • 2011-11-14
    • 2013-09-26
    • 1970-01-01
    • 2020-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-19
    相关资源
    最近更新 更多