CN104715054B - 将Silverlight内容转换成HTML网页内容的方法 - Google Patents
将Silverlight内容转换成HTML网页内容的方法 Download PDFInfo
- Publication number
- CN104715054B CN104715054B CN201510144451.7A CN201510144451A CN104715054B CN 104715054 B CN104715054 B CN 104715054B CN 201510144451 A CN201510144451 A CN 201510144451A CN 104715054 B CN104715054 B CN 104715054B
- Authority
- CN
- China
- Prior art keywords
- silverlight
- content
- xaml
- html
- label
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9562—Bookmark management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明提供一种将Silverlight内容转换成HTML网页内容的方法具有以下有益效果:该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装,再通过转化成字符串并解析后,成为可采用HTML网页浏览的内容,这样用户就无需安装Silverlight插件,就可直接使用浏览器就能浏览已有的Silverlight创作内容,Silverlight内容能够在PC、手机、平板等设备上直接浏览,Silverlight内容能够在iOS、Android等***上直接浏览,可使用户达到最佳的浏览体验。
Description
技术领域
本发明涉及一种数据结构转换方法,特别涉及一种将Silverlight内容转换成HTML网页内容的方法。
背景技术
Microsoft Silverlight是一个跨浏览器的、跨平台的插件,为网络带来下一代基于.NET Framework的媒体体验和丰富的交互式应用程序。Silverlight提供灵活的编程模型,并可以很方便地集成到现有的网络应用程序中。Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。
对于开发设计人员而言,Silverlight是一种融合了微软的多种技术的Web呈现技术。它提供了一套开发框架,并通过使用基于向量的图像图层技术,支持任何尺寸图像的无缝整合,对基于asp .net、AJAX在内的Web开发环境实现了无缝连接。Silverlight使开发设计人员能够更好的协作,有效地创造出能在Windows和Macintosh上多种浏览器中运行的内容丰富、界面绚丽的Web应用程序——Silverlight应用程序。简而言之,Silverlight是一个跨浏览器、跨平台的插件,为网络带来下一代基于.NET媒体体验,和丰富的交互式应用程序。
正是基于上述原因,目前互联网上的很多内容都是通过Silverlight来实现的,但Silverlight内容的浏览是需要安装专门的Silverlight的插件才能实现,这在一定程度上会影响部分用户的浏览体验。
发明内容
鉴于以上所述现有技术的缺点,本发明的目的在于提供一种能将Silverlight内容转换成HTML网页内容,使用户无需安装Silverlight插件就能对采用Silverlight创作的内容进行浏览的方法。
为实现上述目的及其他相关目的,本发明提供一种将Silverlight内容转换成HTML网页内容的方法,其包括如下步骤:
1)查找Silverlight文件生成的原XAML文本文件中的标签,根据标签所对应的含义,扩展原XAML文本文件中标签的属性信息和样式,并对原XAML文本文件中标签进行重新封装;
2)将重新封装后的XAML文本文件中标签转化为可作为HTML数据源的字符串;
3)解析字符串,然后把对应的数据通过HTML标记渲染出来。
优选的,在步骤2)中,转化的字符串为JSON字符串,步骤3)中是通过JS来解析JSON字符串。
优选的,在步骤3)的解析过程中,设置重新封装后的XAML文本文件标签与HTML标签的对照表,将重新封装后的XAML文本文件解析为HTML文本。
优选的,解析过程中,XAML文本文件中的标签采用HTML格式,属性信息通过JS实现,样式采用CSS格式。
如上所述,本发明的将Silverlight内容转换成HTML网页内容的方法具有以下有益效果:该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装,再通过转化成字符串并解析后,成为可采用HTML网页浏览的内容,这样就无需安装Silverlight插件,可使用户达到最佳的浏览体验。
附图说明
图1为本发明实施例的流程图。
具体实施方式
以下通过特定的具体实例说明本发明的实施方式,本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本发明的精神下进行各种修饰或改变。
如图1所示,本发明提供一种将Silverlight内容转换成HTML网页内容的方法,其包括如下步骤:
首先查找Silverlight文件生成的原XAML文本文件中的标签,原XAML文本文件中的标签主要包括文本、形状、图片、视频、音频、语音讲解等。由于这些原XAML文件本身提供的属性和样式比较简单,无法提供丰富的样式效果,所以我们需要对这些原XAML文本文件进行封装和扩展,从而能够在部件中提供业务数据和丰富样式的存储。根据各个标签所对应的含义,扩展原XAML文本文件中标签的属性信息和样式,并对原XAML文本文件中标签进行重新封装;扩展的属性信息和样式主要包括文本部件、矩形部件、图片部件等。扩展内容用于对原生XAML进行组合和修正,提供更加丰富的部件样式,记录用户输入的内容,以便于HTML网页展示。
接着将重新封装后的XAML文本文件中标签转化为可作为HTML数据源的字符串,一般转化为JSON字符串,考虑JSON文件的大小,这个JSON字符串仅记录组合XAML部件的类型及适用于组合XAML部件上的完整样式和用户输入内容。然后通过JS来解析JSON字符串,在解析过程中应设置重新封装后的XAML文本文件标签与HTML标签的对照表,将重新封装后的XAML格式文本解析为HTML格式文本。解析过程中,XAML格式文本中的标签采用HTML格式,属性信息利用JS实现,样式采用CSS格式。最后把对应的数据通过HTML、CSS、JS渲染出来,使内容页面、图片格式与HTML内容适配,这样Silverlight内容就可转换成HTML网页内容进行显示。
下面结合一具体实施例对本发明技术方案做进一步的描述。
首先查找Silverlight文件生成的原XAML文本文件中的标签,扩展原XAML文本文件中标签的属性信息和样式,并对原XAML文本文件中标签进行重新封装。定义Oceansoft.Course.Component.RichTextEditor.OsRichTextBox为组合部件的类型,System.Windows.Media.SolidColorBrush为适用于组合部件的背景颜色。然后在解析过程中,解析到Oceansoft.Course.Component.RichTextEditor.OsRichTextBox这种类型的内容时,转换成html中的P标签,后读取这个里面存储的属性数据,譬如:显示为水平滚动字幕、垂直滚动字幕、显示区域显示为椭圆形等等,然后利用JS语法,实现这些效果。然后检测到System.Windows.Media.SolidColorBrush时,把里面的样式数据填充到P标签中,检测到Html属性时,把显示内容填充到P标签的内部。
转换后的HTML内容适配是根据当前设备的大小微调页面中内容,具体包含:内容页面大小、图片格式;
n 内容页面大小调整逻辑;
u 设备浏览器有效尺寸>=内容页面的尺寸,按照内容页面大小原样展示;
u 设备浏览器有效尺寸<内容页面的尺寸,按照设备浏览器有效尺寸等比例缩小内容页面的大小;
u 按照上面2种效果应用后,如果内容高、宽跟设备浏览器四边相邻10px范围内,则自动填满设备浏览器,不留空隙;
u 页面中的内容按照上面的缩放比例自动调整大小;
n 图片格式;
u 按照上面的页面内容缩放比例,对图片内容等比例缩放后显示,这样可以降低图片大小,提升图片显示速度;
u 目前图片压缩比最高的是webp,但不是所有的设备都支持,所以根据设备对webp格式图片的支持情况,确定是否获取原图片的webp格式,进一步降低图片大小,提升图片显示速度。
下表为原生XAML跟HTML标签对照表片段(解析JSON字符串的时候会用到):
XAML 标签 | HTML标签 |
Paragraph | p |
LineBreak | br |
BlockUIContainer/Section | div |
Table | table |
TableColumn | col |
TableRowGroup | tbody |
TableRow | tr |
TableCell | td |
Image | img |
Blod | b |
Italic | i |
Span/Run/InlineUIContainer | span |
List(MarkerStyle:None/Disc/Circle/Square/Box) | ul/ol |
ListItem | li |
原生XAML进行封装扩展后,形成如下的一些扩展部件:下表为原生XAML跟HTML标签对照表片段(解析JSON字符串的时候会用到):
组合XAML | 部件说明 |
Oceansoft.Course.Component.RichTextEditor.OsRichTextBox | 文本部件 |
Oceansoft.Course.Component.Shapes.* | 形状部件,输出SVG数据 |
Oceansoft.Course.OsControls.OSImage | 图片 |
Oceansoft.Course.Component.MediaPlayerPlus.MediaPlayerPlusView | 多媒体部件(视频、音频) |
Oceansoft.Course.Component.FrameAnimations.SimpleFrameAnimation | 简易帧动画 |
Oceansoft.Course.Component.FrameAnimations.CustomFrameAnimation | 自定义帧动画 |
Oceansoft.Course.Component.Narrator | 语音讲解 |
本发明的将Silverlight内容转换成HTML网页内容的方法具有以下有益效果:该转换方法通过在Silverlight文件生成的原XAML文本文件中标签扩展属性信息和样式并进行重新封装,再通过转化成字符串并解析后,成为可采用HTML网页浏览的内容,这样用户就无需安装Silverlight插件,就可直接使用浏览器就能浏览已有的Silverlight创作内容,Silverlight内容能够在PC、手机、平板等设备上直接浏览,Silverlight内容能够在iOS、Android等***上直接浏览,可使用户达到最佳的浏览体验。所以,本发明有效克服了现有技术中的种种缺点而具高度产业利用价值。
上述实施例仅例示性说明本发明的原理及其功效,而非用于限制本发明。任何熟悉此技术的人士皆可在不违背本发明的精神及范畴下,对上述实施例进行修饰或改变。因此,举凡所属技术领域中具有通常知识者在未脱离本发明所揭示的精神与技术思想下所完成的一切等效修饰或改变,仍应由本发明的权利要求所涵盖。
Claims (4)
1.一种将Silverlight内容转换成HTML网页内容的方法,其特征在于,其包括如下步骤:
1)查找Silverlight文件生成的原XAML文本文件中的标签,根据标签所对应的含义,扩展原XAML文本文件中标签的属性信息和样式,并对原XAML文本文件中标签进行重新封装;
2)将重新封装后的XAML文本文件中标签转化为可作为HTML数据源的字符串;
3)解析字符串,然后把对应的数据通过HTML标记渲染出来。
2.根据权利要求1所述的将Silverlight内容转换成HTML网页内容的方法,其特征在于:在步骤2)中,转化的字符串为JSON字符串,步骤3)中是通过JS来解析JSON字符串。
3.根据权利要求2所述的将Silverlight内容转换成HTML网页内容的方法,其特征在于:在步骤3)的解析过程中,设置重新封装后的XAML文本文件标签与HTML标签的对照表,将重新封装后的XAML文本文件解析为HTML文本。
4.根据权利要求3所述的将Silverlight内容转换成HTML网页内容的方法,其特征在于:解析过程中,XAML文本文件中的标签采用HTML格式,属性信息通过JS实现,样式采用CSS格式。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510144451.7A CN104715054B (zh) | 2015-03-30 | 2015-03-30 | 将Silverlight内容转换成HTML网页内容的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510144451.7A CN104715054B (zh) | 2015-03-30 | 2015-03-30 | 将Silverlight内容转换成HTML网页内容的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104715054A CN104715054A (zh) | 2015-06-17 |
CN104715054B true CN104715054B (zh) | 2018-04-17 |
Family
ID=53414380
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510144451.7A Active CN104715054B (zh) | 2015-03-30 | 2015-03-30 | 将Silverlight内容转换成HTML网页内容的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104715054B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105739969B (zh) * | 2016-01-21 | 2018-11-02 | 南京南瑞集团公司 | 基于input标签自定义tag标签的使用方法 |
CN107346306A (zh) * | 2016-05-04 | 2017-11-14 | 北京京东尚科信息技术有限公司 | 网页描述方法和装置 |
CN108829648A (zh) * | 2018-05-30 | 2018-11-16 | 北京小度信息科技有限公司 | 网页标记语言的转换方法及装置 |
CN109801192A (zh) * | 2018-12-15 | 2019-05-24 | 深圳壹账通智能科技有限公司 | 电子合同签订方法、装置、计算机设备及存储介质 |
CN111507074B (zh) * | 2020-05-19 | 2022-08-26 | 深圳市商汤科技有限公司 | 数据处理方法及装置、处理器、电子设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662921A (zh) * | 2012-03-29 | 2012-09-12 | 华为技术有限公司 | 一种文档处理方法、装置和编辑器 |
CN102831190A (zh) * | 2012-08-03 | 2012-12-19 | 北京中广睛彩导航科技有限公司 | 一种在低端设备上浏览cml文件的方法 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5233582B2 (ja) * | 2008-02-18 | 2013-07-10 | 株式会社リコー | 情報処理装置、情報処理方法、及び機能拡張プログラム |
US20100077320A1 (en) * | 2008-09-19 | 2010-03-25 | United States Government As Represented By The Secretary Of The Navy | SGML/XML to HTML conversion system and method for frame-based viewer |
TWI387890B (zh) * | 2008-12-01 | 2013-03-01 | Esobi Inc | A method of converting a hypertext label language file into a plain text file |
-
2015
- 2015-03-30 CN CN201510144451.7A patent/CN104715054B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662921A (zh) * | 2012-03-29 | 2012-09-12 | 华为技术有限公司 | 一种文档处理方法、装置和编辑器 |
CN102831190A (zh) * | 2012-08-03 | 2012-12-19 | 北京中广睛彩导航科技有限公司 | 一种在低端设备上浏览cml文件的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN104715054A (zh) | 2015-06-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104715054B (zh) | 将Silverlight内容转换成HTML网页内容的方法 | |
CN103176986B (zh) | Flash动画数据转换为HTML5数据的方法 | |
CN101699426B (zh) | 文档格式转化***及方法 | |
JP5209051B2 (ja) | データシステム及び方法 | |
CN108255923B (zh) | 图像展示方法、设备及电子设备 | |
CN102663126A (zh) | 一种在移动终端中显示网页的方法及装置 | |
CN103631865B (zh) | 网页生成方法及设备 | |
CN108268262A (zh) | 实现将html转换为微信小程序的方法、装置及*** | |
KR20080114809A (ko) | 동적 배치 환경에서 광고를 오서링하기 위한 데이터 구조, 컴퓨터 실행가능 컴포넌트들, 및 컴퓨터 실행가능 명령어들로 부호화된 컴퓨터 판독가능 매체 | |
CN102831190B (zh) | 一种在低端设备上浏览cml文件的方法 | |
CN105808217A (zh) | 一种基于xml的流程图绘制方法及*** | |
CN104217037A (zh) | 一种在移动终端中显示网页的方法及装置 | |
WO2013097799A1 (zh) | 版式文件的处理方法和装置 | |
CN108681454A (zh) | 一种网页可视化构件开发方法 | |
CN109683978A (zh) | 一种流式布局界面渲染的方法、装置以及电子设备 | |
CN106776800B (zh) | AngularJS框架的页面生成方法、装置及*** | |
CN103823684A (zh) | 一种基于浏览器的网页课件演示辅助***及方法 | |
CN105956133B (zh) | 智能终端上显示文件的方法及装置 | |
Peng et al. | The design and research of responsive web supporting mobile learning devices | |
KR101997129B1 (ko) | 사이니지 콘텐츠 생성 방법 | |
CN103049430A (zh) | 一种基于idf格式文件的页面显示方法 | |
CN105786987A (zh) | 一种页面配置方法和装置 | |
CN111158647B (zh) | 基于结构化理论的创意素材自适应生成方法及装置 | |
Watt | SVG unleashed | |
CN105824925A (zh) | 基于浏览器网页元素的动态标注方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: 215000 the 20 floor of No. 209, No. 2, bamboo garden road, Suzhou high tech Zone, Suzhou, Jiangsu Applicant after: Jiangsu Yun School Network Technology Co., Ltd. Address before: 215000 the 20 floor of No. 209, No. 2, bamboo garden road, Suzhou, Jiangsu Applicant before: Jiang Suhui knows network technology company limited |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |