如何在RichTextFX的InlineCssTextArea实现右对齐式两端对齐？

嘿，我来帮你搞定这个RichTextFX的对齐需求！你现在用-fx-text-alignment: justify实现的是默认的左到右两端对齐，但你要的是以右侧为基准的拉伸对齐——简单来说，就是让每行文本的右侧严格对齐，同时通过拉伸字/词间距填满行宽，这其实是一种「右向两端对齐」效果。

下面给你两种可行的解决方案：

方案1：用CSS快速实现（推荐） #

通过调整布局方向为从右到左（RTL），结合justify对齐，就能轻松切换到右侧基准的拉伸效果。根据你的文本阅读方向，分两种情况：

情况1：文本是左到右语言（如英文） #

如果你的文本是正常左到右阅读的，需要保持文字顺序不变，只调整对齐基准：

.inline-css-text-area {
    /* 将布局方向设为RTL，让对齐基准变为右侧 */
    -fx-direction: rtl;
    /* 强制文字阅读方向为LTR，避免文字反向排列 */
    -fx-text-alignment: justify;
    -fx-text-direction: ltr;
}

情况2：文本是右到左语言（如阿拉伯语） #

如果你的文本本身是右到左阅读的，直接设置RTL布局+justify即可：

.inline-css-text-area {
    -fx-direction: rtl;
    -fx-text-alignment: justify;
}

方案2：自定义段落布局（进阶场景） #

如果CSS方案无法满足更复杂的需求（比如部分段落需要特殊对齐），可以通过RichTextFX的API自定义段落的布局逻辑：

InlineCssTextArea textArea = new InlineCssTextArea();
textArea.setParagraphBoxFactory(new ParagraphBoxFactory() {
    @Override
    public ParagraphBox createParagraphBox(Paragraph paragraph) {
        ParagraphBox box = super.createParagraphBox(paragraph);
        // 设置段落整体对齐基准为右侧
        box.setAlignment(Pos.BASELINE_RIGHT);
        
        // 找到段落内的TextFlow，调整其文本对齐和布局方向
        TextFlow textFlow = box.getChildren().stream()
                .filter(node -> node instanceof TextFlow)
                .map(TextFlow.class::cast)
                .findFirst()
                .orElse(null);
        
        if (textFlow != null) {
            textFlow.setAlignment(Pos.BASELINE_RIGHT);
            textFlow.setTextAlignment(TextAlignment.JUSTIFY);
            textFlow.setDirection(Direction.RTL);
        }
        return box;
    }
});

应用以上设置后，文本行的右侧会成为对齐基准，行内的空白会被均匀分配，完美匹配你要的预期效果~

内容的提问来源于stack exchange，提问作者Saif Al Basrawi