KM盒子APP制作软件

8.富文本编辑器

时间:2016-11-29 16:16 点击:

富文本编辑器

富文本编辑器支持文本、图片、表格和html代码混合排版。

编辑器工具栏功能:保存、在Word中打开文档、查找替换内容、居左、居中、居右、加粗、斜体、下划线、字体设置、字体颜色、插入媒体文件、插入图片、插入表格、添加超链接、一键粘贴进来、一键复制出去、格式化自动排版工具等等。

添加超链接功能:

富文本编辑器支持给文字或图片添加链接,操作方法,选择要添加链接的文字或图片,然后点右键“添加超链接”,内部文档链接需要先在左侧根目录“内容项目”上右键获取链接路径。

这里需要注意的是:软件默认文档页面加入jQuery Moble框架,在做链接时需要设置rel="external"或data-ajax="false"属性,不然可能会出现链接错误的提示。例如:添加链接到001的文档,需要这样写:001.html"rel="external 这里两个引号是在中间的,因为默认会自动在前面和后面各添加一个引号。

这里也可以使用CSS给连接的图片或文本设置样式,例如:javascript:void(0)"style="position:absolute;top:10;left:10px; 这段代码的意思是:javascript:void(0)声明该链接为无效链接不用跳转,仅后面的CSS样式生效,通过这段代码将一张图片绝对定位在页面的某位置。

同个分类目录下内页链接写法示例:001.html"rel="external

不同分类目录下内页链接写法示例:../004/001.html"rel="external

绝对路径链接写法示例:file:///android_asset/html/001/001.html"rel="external


常用链接代码:

1、打电话tel:10086

2、发短信sms:10086

3、播放SD卡上的视频file:///mnt/sdcard/01.mp4

4、返回链接javascript:history.go(-1);

5、首页链接file:///android_asset/index.html或者../../index.html


插入表格功能:


A.点击工具栏上的插入表格图标,然后设置行数、列数、宽度、颜色和边框的样式。默认会插入一个虚线表格在文档的头部。


B.在编辑器中点右键,在弹出的右键菜单中选“插入表格”,设置好行数、列数,表格布局设置成表格大小适应窗口大小。


确定后默认插入的表格在当前光标的位置。如果需要调整表格的设置,则将光标移到表格中,然后右键选择“表格属性设置”。这里需要注意的是,表格布局设置成表格大小适应窗口大小,表格才会自动适应不同屏幕大小的手机设备。如下图:

在弹出的设置窗口中可以修改表格的宽度、填充颜色、单元格填充、单元格边距,以及表格边框、单元格边框等等。如果默认的表格属性的功能不能满足你的排版需求,建议可以先将表格复制到word文档中排版好后,再复制进去。


插入图片功能:


点击工具栏上的插入图片图标,默认支持插入jpg、bmp、gif、png、ico等图片文件。


这里需要注意的是:由于手机屏幕较小,插入的图片建议宽度坚屏时不超过320px横屏时不超过480px平板不超过640px较佳。对于较大的图片,应先在Photoshop等图片处理工具中修改好后再插入到编辑器中。由于图片越大,生成的APK安装包会越大,因此建议将图片处理成质量60%-80%的jpg格式图片为佳。


另外生成APK后默认图片宽度超过手机屏幕宽度时会自动缩放到屏幕中间,点击图片后可以在新窗口中打开查看原图,但在查看原图的状态下如果要返回当前文章,则需要先按出右键菜单再返回。因为查看原图时历史记录并没有产生新的链接地址,所以如果直接按手机上的后退键,则会返回到首页。


插入背景音乐例子:

操作步骤:

1、新建一个html文件夹,在html文件夹中再新建一个media文件夹,将mp3音频文件复制到media文件夹中。

2、在需要添加背景音乐的页面插入html5播放代码: <audio autoplay loop><source src="file:///mnt/sdcard/media/n2.mp3" type="audio/mpeg"></audio>

3、在软件设置,自定义设置中的自定义资源文件夹路径选择刚才新建的html文件夹,这样生成APK安装包时程序会自动打包html/media/中的n2.mp3文件,并在安装APK应用时将n2.mp3文件释放到SD卡上的media文件夹中。如果不能播放则需要检查SD卡的路径是否正确,然后修改html5播放代码中的路径。


插入视频功能:

操作方法和插入背景音乐相同,但需要注意的是打包的视频文件不能太大,文件较大的视频文件需要上传到视频网站再插入。例如插入我做好的一个KM盒子视频教程,我先上传到56视频,然后在分享那里复制iframe代码:<iframe src="http://www.56.com/iframe/MTExMzc4MjA3" width="320" height="270" frameborder="0" allowfullscreen=""></iframe>


格式化排版功能:


格式化排版功能可以很方便的将网页上复制的带有网页格式的内容,或文档中带有特殊格式的内容进行一键排版。一排版后会自动清理掉沉余的代码和超链接,只保存文字、图片和表格,并自动按段落首行空两格缩进。

A、一键排版并复制网页格式 自动排版后图片的路径引用是远程路径,因此粘贴到编辑器中时图片会被忽略掉。


B、一键排版并复制文档格式 自动排版时会调用word文档将远程图片保存到本地,需要机子有安装微软的office办公软件。


这里需要注意的是:默认一个内容节点生成APK后,为一个手机页面。由于手机屏幕较小,单独一个页面的内容不宜放得太多,不然加载内容会慢,阅读起来也不方便。一般一个页面的内容不要超过Word文档的3页为佳。建议对于篇幅较长的内容在排版好后,点击工具栏上的Word文档图标,将内容在Word中打开看下,插入页码后有多少页,如果超过长度则需要将内容分成两个节点存放。


我要纠错