关于Simditor编辑器的那些事儿

虽然在手机端弄这个网页的编辑器很扯,但是移动端越来越广泛,一些app的使用标准也越来越低,拥有一款顺手的在线编辑器还是会有一些用武之地的。其实在此前我的需求很简单,能够调整字体大小、颜色、能够上传图片就够了,基于此前前后后找了一年多的实际,也找了许多款编辑器,均不是特别喜欢,然而Simditor编辑器功能上满足我的需要,特别是图片这块可以外链图片和上传图片,并且可以调整图片的宽和高。其它方面的功能除了有文本相关的外还有“表格”、“超链接”、“代码”、“引用”等,在移动端上使用还是够了。 运行Simditor编辑器的demo 目前官网上最新的版本是simditor-2.3.12,在下载下来的zip文件中,解压打开至site目录为相关的代码及示例目录,此时打开index.html或demo.html都是无法直接运行的,不知道为何是这样子,这给人的第一感觉是,这啥呀,官网下载源码包里的例子竟然无...

文章分类:技能平台 MUI移动开发

介绍几款webapp在线编辑器

可能我理解的webapp不准确,将其拆分的意思为web、app我想表达的是可以运行于app上的网页代码,或者是用web(前端)技术实现的app程序,html5在线编辑器我认为它俩一样。很长时间以来我想找一款可以使用于mui编写的app平台上运行的在线编辑器,一直也没有找到我最喜欢的,可能功能上并不需要太多,最基本的有调整文本(大小、颜色,当然如果有粗体、斜体也不觉得多)、图片(上传图片、插入在线图片地址),另外就是在手机端编辑起来顺手,有了这几个方面的实现,我觉得真心就不错了,值得拥有。 找这个webapp起码找了有一年多时间,(如果不是找到了一个自己感觉还不错的是不会有这篇文章的,起码不是此时有),其中有几款我觉得也不错,但是最终都是有一些小小的这丫那丫的让我最终没有去实践,分别如下: http://www.wangeditor.com/官网的介绍是“基于javascript和css开发...

文章分类:技能平台 MUI移动开发

MUI的图片上传和压缩

MUI的上传图片目前知道有两种方式,一种见前面文章中关于图片裁切时使用的base64作为字符串上传,另外一种则是本篇章中所使用的plus.uploader方式,它是一种真正意义上的文件上传,我们可以使用commons- fileupload组件来实现一个文件上传的后台,使用plus.uploader选择相册图片进行提交上传,详细如下文。 本文章实现的特点: (1)、基于Java的服务端文件上传,可同时上传多个文件,支出文件进度信息(第几个文件,百分比)等; (2)、MUI实现的文件上传前端,同时支持Android和IOS不同平台; (3)、可以选择上传原图或压缩大小的图片,同样支持不同平台; (4)、一些其他MUI的API,如:alert、ajax、gallery等; 服务端代码参考为: @Override protected void doGet(HttpServletRequest r...

文章分类:技能平台 MUI移动开发

MUI的分享功能实现

基本介绍 个人平时不使用微博,感觉更不会去分享到微博上,处于学习探索的目的,只实现了分享到QQ(QQ好友和QQ空间)、微信好友、微信朋友圈,如果此前对此没有什么基础可以先了解一下5+的API实现,同时在本地调试运行的时候此模块的功能可以正常运行,是由于使用到了HBuilder内部的分享appid,打包后的分享功能就需要使用到自己配置的appid等参数了。 记得以前在研究本站接入QQ登录组件的时候,注册过一些qq的数据,比如已经申请过qq的appid,故分享到qq就不用再申请了,尝试着申请了一个微信的appid,发现过程也很简单,就不多说这个了(都是个人开发者类型)。不多说。 在manifest.json中输入想要分享到的appid信息,通过这些appid信息,在实际通过分享完成后能够显示出分享的app名称,如下是我的分享,可以看出只实现了微信好友和朋友圈以及QQ: 参考代码 <!docty...

文章分类:技能平台 MUI移动开发

MUI的图片上传裁切实现

本例使用jquery.cropper插件实现,这个插件非常强大支持浏览器和移动端android和ios,同时也提供了图片缩放、移动、选区缩放和移动、图片旋转等,本例选取了几个功能主要实现了选区大小固定(旋转固定的图片大小)、图片移动、图片缩放、图片旋转等,然而这一切强大的是cropper的,我只是个过客,另外集成mui后可拍照上传、相册选择图片上传功能。 运行示例一(显示示例) 运行示例二(选择图片裁切) 运行示例三(确定并保存成功) 服务器端代码说明 注:服务器端我是捡着最简单的实现临时放上去了一个示例,可将自己运行示例提示中的上述地址提示复制出来进行敲地址访问,图片的大小为300X300,页面上设置的。服务端完整代码如下: package com; import java.io.File; import java.io.FileOutputStream; import java.io....

文章分类:技能平台 MUI移动开发

MUI的ajax包装

基本介绍 ajax的使用比较简单,以至于所有的请求提交都可能会使用到,但是它的参数中dataType、type属性等基本都是固定的;除了这些属性外一个请求的提交往往都附有等待中的响应效果,如果每个请求都这么写也太业余了;另外对一些后台响应的处理肯定也得有一个全局的包装,比如用户提交一个请求,后台响应未登录或者没有权限*作等,这些完全可以由公共处理拦截,而无需进入ajax的success中处理...... 本文主要包装一下mui的ajax请求,下面说一下包装一下的特征: 1、不改变mui.ajax函数的实现,调用方式、参数等保持一致,调用简单; 2、dataType、type等属性默认为最常用的值,如需替换可覆盖; 3、添加平台自带的loading效果,如不需要可采用属性覆盖的方式取消; 4、全局处理部分操作的响应,如用户未登录、没有权限、出现错误等(需与后端集成); 5、回调函数等覆盖默认...

文章分类:技能平台 MUI移动开发

使用MUI的第一个移动APP

创建工程 首先下载最新版的HBuilder软件并打开,如果有提示使用账号就注册一个。东西比较简单,主要就抛玉引砖吧,还是那句话,生病不可怕,要知道什么药能治才是关键。 打开后的软件界面就是很熟悉的eclipse主界面(风格一致),在项目管理器区域右键选择新建一个移动APP项目,详见下图: 新建后完成的一个mui项目结构为: 目录结构及意义就不用过多的描述了,后期随着了解的深入自然就会明白了,本例就主要介绍一下创建一个移动App实现HelloWorld,并且介绍一下如何在安卓的模拟器和真机上运行,使读者有一个初步的认识,至于选择哪一款模拟器与如何连接使用模拟器和真机调试,这个就网上一搜一大把了,事实上如果你觉得这里说的不够仔细,那么我劝你先花大量的时间去积攒一些理论上的知识来了解吧,在打到一定程度时再入手,我选择这个平台开发App也是前后花了几个月的研究和调研才慢慢一点点的动手的。 参考代码...

文章分类:技能平台 MUI移动开发

关于MUI的几个相关点

网上的介绍也是成堆成堆的,这里我所闲话一下我的了解,抛开高大上的介绍,说说最实质上的理解。 先说Hbuilder吧,它就是基于eclipse平台上的开发的,由于熟悉eclipse平台,所以对于它的安装、运行、使用很容易上手,但是一些快捷键的不一致让人很不习惯,比如一些常用的复制一行、上下移行、搜索文件、注释等,另外搜索文件也不如直接浮动的搜索窗口好用,个人意见而已。 HTML5+是在web页面上利用JavaScript封装的一些调用设备底层的API实现,内置于HBuilder,在打包或真机调试时直接挂载,比如*作通讯录、摄像头之类的,详细在官网上有很多的介绍。 MUI是一系列APP端组件化应用的封装,提供各式的网页组件,比如九宫格布局、折叠面板、dialog等等,另外一方面提供对HTML5+API的调用的包装,将其简化调用。 总结一下:Hbuilder内部集成了MUI与HTML5+,使得我...

文章分类:技能平台 MUI移动开发

选择一个移动端开发的技术去学习

对移动开发来说,我其实是个业余的渣渣选手,但也是有一点点了解的。一种是原生APP开发,另外一种是WEB APP开发,他们都是什么,都有什么区别就不讨论了,对于一个专业的正规军来讲,选择一个合适自己的更重要,尤其是在没有外来资源协助的时候(或者说没有老司机指点)。原生的APP开发可能的优点主要是性能优越、API实现强大。。。等,实际上原生APP开发我并没有过多的接触,看了一点点Andirod视频教程就没有深入了,至于IOS那更是只看过别人开发。所以说适合我的选型就偏向于HTML5的webapp了,经历了几年变迁了,一个是手机系统越来越好,HTML5的标准和实现也越来越完善,对于一般的APP我想还是直接拥有的。每个人都有自己的实际情况,我的情况显然是更偏向于webapp了,本身它的技术方向偏前端了,HTML5、JavaScript、CSS3这些也不是什么新东西,不说学起来非常容易,肯定也不是问...

文章分类:技能平台 MUI移动开发

本站信息

 运营时间: 天

 用户数量: 人

 文章数量: 篇

 评论数量: 条

 点赞个数: 个

 最后更新:

标签云