xheditor编辑器的使用

最新推荐文章于 2020-12-14 11:28:23 发布

siqilou

最新推荐文章于 2020-12-14 11:28:23 发布

阅读量2.2k

点赞数

分类专栏：编辑器文章标签：编辑器 xheditor

本文链接：https://blog.csdn.net/siqilou/article/details/39186009

版权

编辑器专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、将xheditor加入到项目中

2、引入xheditor编辑器的js库

<script src="../../editor/xheditor/xheditor-1.1.14-zh-cn.min.js" type="text/javascript"></script>

3、html页面（将xheditor加载在textarea上）

<div class="tab-content">
    <textarea  id="editor" name="editor"  rows="20" cols="100" ></textarea>
</div>

4、js中初始化xheditor

//初始化编辑器
    var  Sys = {};  
    if(navigator.userAgent.indexOf("MSIE")>0) {  
        Sys.ie=true;  
    }else{
        Sys.ie=false;
    }
	var editor = $('#editor').xheditor
	  ({tools:'Blocktag,Fontface,FontSize,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,SelectAll,Removeformat,|,Align,List,Outdent,Indent,|,Link,Unlink,
            Img,Hr,Table,|,Fullscreen',skin:'default', upImgUrl:"../../mvc/upload/xhEditorUpload.json?_t=image&isIE="+Sys.ie,upImgExt:"jpg,jpeg,gif,png,bmp"});

5、常用到编辑器的函数

editor.appendHTML(“内容”); //给编辑器赋内容

$('#editor').xheditor().getSource();//获取编辑器的值