sdEditor富文本编辑器 - 轻量级web富文本编辑器 - 移动端富文本编辑器

下载sdEditor 交流社区 QQ群：668398654


        
            │  editor
│  ├─css
│  │  ├─editor.css
│  │  └─iframe.css
│  ├─font
│  └─editor.js
│  api
│  ├─upload.php
│  └─save.php
│  upload 
[编辑器核心文件夹]
　　[CSS]
　　[编辑器CSS]
　　[编辑区域CSS]
[字体图标]
[编辑器核心文件]
[接口文件]
　　[上传接口]
　　[保存远程图片接口]
[保存编辑器上传文件]

第一步：引用jquery.js，sdEditor是基于jquery开发的，如果页面上没有引用，必须先引用。

<script src="你的路径/jquery.js"></script>

第二步：引用editor.js（无需引用CSS）

<script src="你的路径/editor/editor.js"></script>

第三步：页面上存在一个div或textarea多行文本框，举例如下：

<div id="content"></div>

或者：

<textarea id="content"></textarea>

提示：推荐使用div元素的方法，sdEditor会自动生成同名的textarea表单元素用于数据同步。

第四步：使用sdEditor初始化调用即可，代码如下：

<script>
$(function()
{
    $("#content").editor();
});
</script>

如果要设置编辑器高度，可以添加height参数，举例如下：

$("#content").editor({height:500});