(翻译)第二十五回 JavaFX2.0 Html编辑器
原文地址http://download.oracle.com/javafx/2.0/ui_controls/editor.htm
?
?
HTMLEditor控件是一个全功能的富文本编辑器。除了基本编辑功能外,它还支持以下特性:
文本格式,包括粗体、斜体、下划线等等
段落设置,比如格式、字体、字号
前景和背景颜色
文本缩进
圆点和数字列表
文本对齐
添加水平标尺
复制和粘贴文本块
Figure 19-1 是一个JavaFX应用中的富文本编辑器。
Description of "Figure 19-1 HTML Editor"
HTMLEditor
类呈现编辑内容使用的是HTML字符串形式,比如说,Figure 19-1 中的内容呈现以下字符串:"<html><head></head><body contenteditable="true"><h1>Heading</h1><div><u>Text</u>, some text</div></body></html>
."
由于HTMLEditor
类继承了Node
类,所以可以为它的实例应用视效和转换。
?
实现该组件后就有格式栏,不能关闭它们。不过也可以使用CSS来改变其外观。见Example 19-2.
现在组件的边框和格式栏的字体改变了。
HTMLEditor
类提供了一个方法来定义应用启动后编辑区显示的内容。使用setHtmlText
方法来设置编辑器的初始文本,见Example 19-3。
Description of "Figure 19-4 HTMLEditor with the Predefined Text Content"
?
可以在字符串中使用HTML标签来指定初始显示的文本格式。
?
调用setPrefWidth
或 setPrefHeight方法为
HTMLEditor对象设置宽或高
,当然根本不指定也行。Example 19-4 中为组件高度指定了值,而宽度由VBox悲剧容器控制了。当内容文本超出了编辑区的宽度和高度时,垂直滚动条就显示出来。
?
?
?类似地,也可以获得HTML代码比in个保存为文件或者发送到WebView对象,以同步编辑器和绑定的浏览器中的内容。
下面实现了这个任务 Example 19-6.
?
使用Text
组件来添加非编辑文本内容。到Using Text and Text Effects in JavaFX 了解更多Text组件。