How to use Aloha--一个基于HTML5的文本编辑器

======================================================
注：本文源代码点此下载
======================================================

其实网络上有好多很成功的文本编辑器,而且也有很多成功的网站,例如pen.io它的操作超简单--编辑+保存!而通过这些文本编辑器,让这些网站不必像博客服务那样为每个用户开辟一个后台管理系统,而实现前台修改! 附:aloha下载地址那么为什么要说aloha呢,因为它是基于html5,纯js的一个东西,而不像其他组件那样需要负责的引用api。在中文的资料了我找了很久都没有说aloha怎么用,看了一些外文档案!大家想看demo吧,这里有好多!我自己做了个例子,不过因为暂时登不上服务器就截个图吧:

在你的

之后在你想要编辑的地方,因为aloha是基于jquery的,所以你可以直接进行jquery编程!将所要进行编辑的文本块aloha化就可以了: 你可以直接用:

$(function(){

$('#content').aloha();

});

其实它用处很大,假如我们的博客里面,其实可以利用session进行判断,假如是作者所有,那么就加载这些js文件,让作者可以在前台直接编辑!

假如你想进行实验,可以先用request方便点: 前台用个id为script的div来放置这些js代码,基于雅虎js性能优化第一准则,将div放置在body结束前最好了//绑定你想要的东西

简单的js:$(function () { $("#edit").aloha(); }) 简单的request验证:

if (httpcontext.current.request["password"]!=null)

password=httpcontext.current.request["password"].tostring();

// password=httpcontext.current.session["password"].tostring();

if(password=="123")

script.innerhtml="";

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/

How to use Aloha--一个基于HTML5的文本编辑器相关推荐

使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
昨天我们介绍了一款HTML5文件上传的jQuery插件:jQuery HTML5 uploader,今天我们将开发一个简单的叫upload center的图片上传程序,允许用户使用拖拽方式来上传电脑上 ...
Guacamole搭建,一个基于HTML5的远程桌面
介绍 Guacamole可以同HTML5来代理远程桌面协议(如: VNC, RDP, Telnet, SSH) 官网: http://guac-dev.org/ 其由许多部件组成的轻量级web应用程序 ...
一个基于HTML5的虚拟实验室
第十一届国际计算机科学教育会议 2016.8.23-25 日本名古屋大学一个基于HTML5的虚拟实验室余笙,黄娟,张飞,安应,钟平中南大学信息科学与工程学院中国长沙 shengyu@csu.e ...
15 分钟搭建一个基于XLNET的文本分类模型——keras实战
今天笔者将简要介绍一下后bert 时代中一个又一比较重要的预训练的语言模型--XLNET ,下图是XLNET在中文问答数据集CMRC 2018数据集(哈工大讯飞联合实验室发布的中文机器阅读理解数据,形 ...
Squire – 简洁的 HTML5 富文本编辑器
Squire 是一个简洁的 HTML5 富文本编辑器,它提供了强大的跨浏览器的标准化,超级轻巧灵活.它是建立在现在和未来并作为研究,因此并不支持那些古老的浏览器. 在线演示源码下载您可能 ...
安卓文本编辑器php cpp,用安卓原生控件封装一个简易的富文本编辑器
最近接到项目需求:移动端原生写一个富文本编辑器. ( ⊙ o ⊙ )从没遇到过富文本要用原生写的,然后就查阅各种资料.然后结合自己的思路:其实安卓的富文本编辑器就是一个 "容器 ...
如何写一个简便的富文本编辑器
如何写一个简便的富文本编辑器目的使用div创建编辑器的输入框使用到的DOM API 目的仅是学习过程中的记录,发着玩的.如果是使用富文本编辑器投入使用,现成有很多富文本编辑器可供选择. 使用d ...
html原生上传,一个基于HTML5及原生JS的文件上传组件--JohnUploader
运行效果图一.组件介绍基本特点基于HTML5的FileReader和FormData 可以完成多文件选择,并预览完成文件的异步上传原生XHR对象,适配多浏览器代码 class JohnUp ...
[h5]一个基于HTML5实现的视频播放器代码详解
什么是 HTML5? HTML5 是最新的 HTML 标准. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件. HTML5 拥有新的语义.图形以及多媒体元素. HTML5 提供 ...

How to use Aloha--一个基于HTML5的文本编辑器

How to use Aloha--一个基于HTML5的文本编辑器相关推荐

最新文章

热门文章