sdEditor富文本编辑器 - 轻量级web富文本编辑器- 移动端富文本编辑器_前端产品

产品演示

　　市面上有很多优秀的富文本编辑器，比如：Ueditor、Ckeditor等等，但这些编辑器大多数体积过于庞大，写法过于高深或原生态，对于我这种 Js 小白来说：实在望尘莫及。

　　市面上也有很多轻巧的富文本编辑器，但是大多数都停止更新、其本身的功能已经无法满足客户的日常使用。我也尝试去改造这些轻量级的富文本编辑器，但是终究因为能力有限而放弃了。。。

　　既然改造不成，为何不去尝试开发个富文本编辑器呢？在若干个日夜的尝试，修改、修改，再修改后，就有了今天您看到的这个产品：Sdcms富文本编辑器，简称：sdEditor。

<div class="ui-menu ui-menu-blue ui-mb-30">
    <div class="ui-menu-name">发布主题</div>
</div>

可选参数模式演示自定义工具条自定义按钮上传演示接口交互

sdEditor富文本编辑器

基于Jquery开发的轻量化、所见即所得的web富文本编辑器，体积小、安全性高、同时支持一个页面多次调用，支持移动端自适应使用。

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

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

第二步：引用editor.js

<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});