扫一扫分享
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();
手机预览