tuoxiong

我必须说一句话:

wangEditor

基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费。

如何应用,步骤。

1.http://www.wangeditor.com/,打开链接下载所需要的版本。

2.创建一个页面 引入

<link href="dist/css/wangEditor.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="dist/js/lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="dist/js/wangEditor.min.js"></script>

我这里的链接是我本地路径,你需要改一下。

注意这里引入的先后顺序,先引入css.然后是jqeruy,js。jquery在先,js在后。

在body中引入

<div id="div1">
<p>请输入内容...</p>
</div>
<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
var editor = new wangEditor(\'div1\');
editor.create();
//创建文本编辑器
</script>

文本编辑器就在页面中了。

分类:

技术点:

相关文章: