首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

(通译)第二十五回 JavaFX2.0 Html编辑器

2012-08-21 
(翻译)第二十五回 JavaFX2.0 Html编辑器原文地址http://download.oracle.com/javafx/2.0/ui_controls/edit

(翻译)第二十五回 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类,所以可以为它的实例应用视效和转换。

?


Description of "Figure 19-2 Initial View of the HTMLEditor Component"

实现该组件后就有格式栏,不能关闭它们。不过也可以使用CSS来改变其外观。见Example 19-2.


Description of "Figure 19-3 Alternative View of the HTMLEditor Component"

现在组件的边框和格式栏的字体改变了。

HTMLEditor类提供了一个方法来定义应用启动后编辑区显示的内容。使用setHtmlText方法来设置编辑器的初始文本,见Example 19-3。


Description of "Figure 19-4 HTMLEditor with the Predefined Text Content"

?

可以在字符串中使用HTML标签来指定初始显示的文本格式。


Description of "Figure 19-5 Email Client User Interface"

?

调用setPrefWidthsetPrefHeight方法为HTMLEditor对象设置宽或高,当然根本不指定也行。Example 19-4 中为组件高度指定了值,而宽度由VBox悲剧容器控制了。当内容文本超出了编辑区的宽度和高度时,垂直滚动条就显示出来。

?


Description of "Figure 19-6 Obtaining the HTML Content"

?

?类似地,也可以获得HTML代码比in个保存为文件或者发送到WebView对象,以同步编辑器和绑定的浏览器中的内容。下面实现了这个任务 Example 19-6.


Description of "Figure 19-7 Loading Content in a Browser"

?

使用Text组件来添加非编辑文本内容。到Using Text and Text Effects in JavaFX 了解更多Text组件。

1 楼 Tracyer 2011-10-29   lz辛苦了,很看好javafx,下在学习中, 2 楼 huhuanqadn 2011-11-14   博主确实辛苦了哦。

热点排行