先看看效果：

Hallo.js是一个简单的富文本网编辑器，基于jQuery用户界面并且利用HTML5的内容可编辑实现所见即所得。其目标并不是取代当今非常流行的编辑器，如TinyMCE或阿罗哈编辑，而是给开发者提供一种更简单、更愉快的用户编辑体验。

Hallo.js是由亨利贝吉乌斯为IKS项目开发的一款免费软件，使用咖啡脚本开发，遵循麻省理工学院(麻省理工学院)许可协议，托管在开源代码库上。

使用方法

1、你需要将jQuery、jQuery UI和四肢瘦长的库引入到你的项目中：

脚本src=' http : js/jquery。量滴js '/script script src=' http : js/jquery-ui。量滴js '/script script src=' http : js/rangy-core。js /脚本编辑器工具栏使用jQuery用户界面的主题，因此你可能还想自定义一个主题，适合你的需要。工具栏图标字体基于字体棒极了。风格的工具栏出现在演示中，你也会想添加一些CSS(如背景和边框)的类hallotoolbar。

链接rel='样式表href='/path/to/your/jquery-ui。CSS ' link rel='样式表href='/path/to/your/font-真棒。' CSS '引入Hallo.js

脚本src=' http : hallo。js /脚本调用插件是非常简单的

jQuery('p ').hallo()；你也可以关闭标签的编辑功能

jQuery('p ').hallo({可编辑： false })；你好自己只能使选择的数字正射影像图元素可编辑和不提供任何格式的工具。格式是通过加载插件初始化你好。即使简单的事情，如粗体和斜体的插件：

jQuery(' .可编辑')。hallo({ plugins : { ' halloformat ' : { })；这个例子可以使简单的格式的插件，提供如粗体和斜体的功能。你可以有很多好的插件为你想，如果有必要通过他们的选择。

你好有更多的选项设置当实例化。请参阅文档你好，咖啡文件。

事件方法

你好有一些事件，有助于整合和调用。你可以使用jQuery绑定订阅它们：

halloenabled:启用可编辑时触发（可编辑设置为true) hallodisabled:禁用可编辑时触发（可编辑设置为false) hallomodified:每当用户更改正在编辑的内容时触发。事件数据关键内容包含当用户激活可编辑区域时触发的HTML halloactivated:(通常通过单击它)当用户停用可编辑区域时触发的hallodeactivated:插件

halloformat为工具栏添加粗体、斜体、删除线和下划线支持。(启用/禁用选项："格式化": {"粗体":为真，"斜体":为真，"删除线":为真，"下划线":为假)} halloheadings增加对H1、H2和H3的支持。您可以传递一个标题选项键来指定要显示的内容（例如，"格式块“:【“p”、“h2”、“H3 ”】) hallojustify添加左对齐、居中、右对齐支持哈罗列表添加对有序和无序列表的支持（使用选项："列表":"有序": {"有序“:假，”无序“: true })halloreudo添加对撤消和重做hallolink的支持添加对向选定内容添加链接的支持编写一个插件

你好插件编写正则jQuery用户界面插件。

当你好加载也加载单元所有启用的插件，并通过他们一些额外的选项：

可编辑：主你好小部件实例的唯一标识符，可用于元素标识一个简单的插件看起来像以下的：

#你好的格式化插件# (c) 2011亨利贝吉乌斯，IKS财团#你好可以在麻省理工学院许可下自由分发((jQuery)-jQuery。widget的iks。“halloformat”，粗体boldElement: null选项： uuid : ' '可编辑： null _ Create :- #在插件初始化时添加任何要运行的操作#此处为populateToolbar:(工具栏)-#创建一个用于按住按钮的元素@ Bold元素=jQuery ' span/span ' #使用Hallo按钮@粗体元素。hallobutton uuid : @ options。uuid可编辑： @ options。可编辑标签: '粗体'以上就是关于Hallo.js富文本编辑器的详细介绍，希望对大家的学习有所帮助。