关于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 移动开发
Java压缩和解压缩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 移动开发
运营时间： 天
用户数量： 人
文章数量： 篇
评论数量： 条
点赞个数： 个
最后更新：