xheditor编辑器的使用

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();//获取编辑器的值

xheditor编辑器的使用相关推荐

xhEditor编辑器入门基础
xhEditor编辑器入门基础 width="468" height="15" src="http://pos.baidu.com/acom?adn= ...
csdn上的blog 编辑器-xhEditor编辑器
xhEditor编辑器 http://xheditor.com/ xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化XHTML编辑器,基于网络访问并且兼容IE 6.0+,Fire ...
xheditor 内容保存时不转义html特殊字符,xheditor编辑器上传图片(示例代码)
之前在用csdn的时候,觉得他们家的编辑器挺好用,精美,简洁,大方,功能强大.最近自己的项目也要用到编辑器,我就想起了xheditor. 好多大网站都用到它~好棒! 我把xheditor用于文章模块, ...
spring mvc + xheditor编辑器的使用
这个编辑的使用有几个关键的地方,比如文件上传后后台返回的必须是一个json格式的字符串,而且这个字符串必须该文件的地址,否者插不进编辑器,还有就是上传完后是立即插入还是点击按钮插入,下面我会注明一下. ...
FCKeditor 及 xhEditor 使用详解——HTML可视化编辑器
One.介绍下两种HTML编辑器: FCKeditor是CKEditor的前身,后者比前者功能更强大,更简介,更好用.我另外的帖子中有写到CKEditor的具体使用配置方法,有兴趣的童鞋们可以去看一下 ...
web 富文本编辑器总结
前言富文本编辑器,就是除了能输入不同的文本之外,还可以之间粘贴图画等其他的多媒体信息.也可说是所见即所得的编辑器. 目前可以使用的编辑器有很多, 在网络上有找到这样一份比较表格: 编辑器产地稳定 ...
php dwz,ThinkPHP+DWZ之DWZ自带编辑器图片上传
在用DWZ自带编辑器的时候,对于文件上传这个功能很是头痛,研究了一下午,才研究出结果来,给网友们分享下//判断是否上传成功 if(isset($data[0]["name"]) & ...
NodeJS_07_path模块_xheditor编辑器_formidable中间件
NodeJS七天课程学习笔记_第7天综合案例课程内容概要: 1. 介绍path模块的api 2. 重点介绍path.join方法与 __dirname 3. 介绍xheditor编辑器的使用(包 ...
MVC + AJAX请求失败的问题
以前的工作都是后台的开发,对于ajax也是一知半解,今天遇到一个问题折腾了许久,吐血解决.. 前台代码: 后台代码: 问题描述: 用火狐浏览器调试的时候每次执行到SUCCESS:function( ...
Spring Boot技术栈博客企业前后端
视频链接:https://pan.baidu.com/s/1Ed8tIUyq5QssYcXe7CEisA 提取码:q3dn 源码下载链接:https://pan.baidu.com/s/1H06 ...

xheditor编辑器的使用

xheditor编辑器的使用相关推荐

最新文章

热门文章