Popline 是一个基于 html5 实现的富文本编辑器工具栏，设计灵感来自 PopClip ，相比传统的文本编辑器工具，Popline 能够浮动在编辑的文本周围，操作起来十分方便。

Popline 支持两种模式：Edit 和 View。

用法

加载 jquery 和 popline：

<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.popline.min.js"></script>

或者加载你想要的 popline 插件：

<script type="text/javascript" src="../scripts/jquery.popline.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.link.js"></script>
<script type="text/javascript" src="../scripts/plugins/jquery.popline.decoration.js"></script>
...

加载 font-awesome 和 popline 主题：

<link rel="stylesheet" type="text/css" href="../font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="../themes/default.css" />

添加一个可编辑的 div 到页面：

<div class='editor' contenteditable='true'></div>

为您的编辑器初始化 popline：

$(".editor").popline();

链接: https://fly63.com/nav/3811