先看看效果：
Hallo.js是一個簡單的富文本Web編輯器，基于jQuery UI并且利用HTML5的contentEditable實現所見即所得。其目標并不是取代當今非常流行的編輯器，如 TinyMCE 或 Aloha Editor，而是給開發者提供一種更簡單、更愉快的用戶編輯體驗。
Hallo.js是由Henri Bergius為IKS項目開發的一款免費軟件，使用CoffeeScript開發，遵循MIT許可協議，托管在GitHub上。
使用方法
1、你需要將jQuery、jQuery UI和Rangy庫引入到你的項目中：
<script src="js/jquery.min.js"></script><script src="js/jquery-ui.min.js"></script><script src="js/rangy-core.js"></script>
編輯器工具欄使用jQuery UI的主題，因此你可能還想自定義一個主題，適合你的需要。工具欄圖標字體基于Font Awesome。風格的工具欄出現在演示中，你也會想添加一些CSS（如背景和邊框）的類hallotoolbar。
<link rel="stylesheet" href="/path/to/your/jquery-ui.css"><link rel="stylesheet" href="/path/to/your/font-awesome.css">
引入Hallo.js
<script src="hallo.js"></script>
調用插件是非常簡單的
jQuery('p').hallo();你也可以關閉標簽的編輯功能
jQuery('p').hallo({editable: false});Hallo自己只能使選擇的DOM元素可編輯和不提供任何格式的工具。格式是通過加載插件初始化Hallo。即使簡單的事情，如粗體和斜體的插件：
jQuery('.editable').hallo({ plugins: { 'halloformat': {} }});這個例子可以使簡單的格式的插件，提供如粗體和斜體的功能。你可以有很多好的插件為你想，如果有必要通過他們的選擇。
Hallo有更多的選項設置當實例化。請參閱文檔hallo.coffee文件。
事件方法
Hallo有一些事件，有助于整合和調用。你可以使用jQuery bind訂閱它們：
插件