网站首页   软件下载   游戏下载   翻译软件   电子书下载   电影下载   电视剧下载   教程攻略

请输入您要查询的软件：

霍普软件下载网-旗舰软件下载站，将绿色免费商业版破解软件、共享软件、游戏、电影、电视剧一网打尽!

软件 wangEditor-mobile移动版
分类 PC软件-系统软件-文件管理
语言 简体中文
大小 1.6MB
版本 0.0.3.2 官方版
下载 暂无下载
介绍
    wangEditor-mobile移动版是一个专门针对移动端设计的富文本编辑器，虽然是『富文本』编辑器，但是功能非常少，操作非常简洁。适用于小屏幕、手指触摸操作。使用javascript开发，可轻松集成到webapp。
    基本应用
    第一，下载、并引用 zepto.js 和 zepto.touch.js
    wangEditor-mobile基于zepto开发，因此页面中要首先引用 zepto.js 和 zepto.touch.js。可去zepto中文站下载，或者点击这里下载。
    wangEditor-mobile移动版截图
    下载之后，将两者引用到页面内。 
    （建议引用写在到<body>底部）
    第二，下载、并引用 wangEditor-mobile.js 和 wangEditor-mobile.css
    进入官网或者点击这里下载wangEditor-mobile的最新代码，解压之后，找到dist文件夹，文件夹结构如下：
    wangEditor-mobile移动版截图
    将其中的wangEditor-mobile.js和wangEditor-mobile.css引用到页面中（也可以引用它们丢应的min压缩格式的文件）
    请注意以下两点：
    红框中的 fonts 文件夹及其内容，一定要下载下来，并和wangEditor-mobile.css 放在同一个目录，否则菜单图标将不显示。
    zepto.js 和 zepto.touch.js 一定要引用在 wangEditor-mobile.js 的前面。
    第三，生成富文本编辑器
    首先，在页面的<body>中添加一个textarea标签，
    wangEditor-mobile移动版截图
    然后，可通过该textarea生成一个富文本编辑器。编辑器编辑的内容，也会实时同步到 textarea 无需手动同步
    wangEditor-mobile移动版截图
     
    运行页面，使用手机（或模拟器）浏览器即可看到效果。
    最后，写一个完整的例子
    wangEditor-mobile移动版截图
截图
随便看
Copyright © 2004-2023 101bt.net All Rights Reserved