使用百度UEditor 和Websocket 实现手机端实时预览页面编辑效果
2016-11-02 15:27
561 查看
使用百度UEditor 和Websocket 实现手机端实时预览页面编辑效果
准备工作- JDK1.8
- 安装Apache Tomcat 8.5
- Eclipse 或IntelliJ IDEA
下图标注的地方需要改为你自己电脑的IP,不然客户端不能看到即时编辑的结果
注意
手机端连接后出现如下图所示界面表示连接websocket成功。
最终效果
代码很简单, 就不贴上来了
点此下载
相关文章推荐
- 使用百度UEditor编辑后的效果无法保存
- JS弹出模式提示窗体,实现页面其他地方不可编辑效果
- 使用html来定制编辑页面,不需要写代码就可以实现业务处理的界面
- 举例说明如何实现使用线程来实现UC浏览器的等待页面的效果
- 使用javascript ajax C#实现类似百度的搜索框效果
- 使用Jquery实现顶部导航栏在页面滑动到自身所在位置之后固定在顶部的效果
- Widget中使用js实现页面的滑动效果
- .NET中使用js实现百度搜索下拉提示效果[不是局部刷新,呜呜。。]
- 使用Qt实现简单的图片预览效果
- repeater实现样式设置,并添加删除按钮,参考课上老师做的案例。数据表添加字段status,使用repeater实现禁用与启用。repeater添加编辑按钮,和Edit.aspx页面。
- Eclipse编辑jsp不显示预览效果页面
- 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
- 使用Qt实现简单的图片预览效果
- Windows Phone使用sliverlight toolkit实现页面切换动画效果
- 使用js实现滑动页面效果,很漂亮
- 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
- 使用Qt实现简单的图片预览效果
- 使用iOS原生框架实现实时滤镜效果
- 使用Jquery实现页面加载时的遮罩效果
- 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站