`
yidianfengfan
  • 浏览: 124265 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

xheditor替换功能

阅读更多
有一个文本编辑功能用到了xheditor,产品要求加上查找与替换的功能。目前所做的就是简单的替换,主要是单步查找时如高亮显示,不知道如何解决。
var beforeEditorData = null;
	$(document).ready(function(){
		var plugins = {
			searchReplace:{c:'xheIcon xheBtnCut',t:'查找替换',s:'ctrl+9',h:1,e:function(){
                var _this=this;
                var jTest=$('<div>查找替换</div><div style="text-align:left;">查找:<input type="text" id="bText" /><br/>替换:<input type="text" id="aText" /><input type="button" id="xheSave" value="确定" /></div>');
                var jSave=$('#xheSave',jTest);
                 _this.showDialog(jTest);
				jSave.click(function(){
					var dataBefore = $('#bText',jTest).val();
					var dataAfter = $('#aText',jTest).val();
					if(dataBefore.length > 0 && dataAfter.length > 0){
						beforeEditorData = _this.getSource();
                    	var data = _this.getSource();
						dataBefore = dataBefore.replace("?", "\\?");
						data = data.replace(new RegExp(dataBefore,"gm"), dataAfter);
						_this.setSource(data);
					}
                    _this.hidePanel();
                    return false;    
                });
               
        	}}
		}
		
		var editors = $("#contentInfo").xheditor({
			plugins: plugins,
            tools:'full',
            skin:'default',
			html5Upload:false,
            upMultiple:false,
	    wordDeepClean:false,
            upImgUrl: "/upload/upload.action?_charset_=utf-8",
            upImgExt: "jpg,jpeg,gif,bmp,png"
        });

		
		$('#btnTest2').click(function(){editors.exec('searchReplace');});
分享到:
评论

相关推荐

    在xheditor编辑器的WYSWYG编辑模式下增加插入代码功能

    模板文件 博文链接:https://hegz.iteye.com/blog/668930

    用于xheditor编辑器上传功能的配置文件

    用于xheditor编辑器上传功能的配置文件 upload.aspx,直接下载拷贝到项目根目录下即可。 里面的该行: string attachdir ="../upload"; 是上传路径,根据实际引用xheditor的页面位置,要进行相应的修改,要不然无法...

    xhEditor实现插入代码功能

    博文参考地址:http://blog.csdn.net/itmyhome1990/article/details/38495623

    xheditor-1.1.14

    说明:当localUrlTest测试为false时,会将图片URL发往当前参数指定的服务器端上传接收程序,抓取成功后将本地URL返回并替换 备注:v1.1.8新添加 readTip:无障碍读屏提示 参数值:字符串(默认为空) 说明:无障碍读屏...

    xheditor jsp完整实例

    xheditor jsp完整实例 根据 http://xheditor.com/ 官网开发的jsp版本的实例、 部署即可运行。 希望网友们喜欢。

    xheditor 在线编辑器

    xheditor-1.1.4 在线编辑器 自己感觉很不错!

    xheditor1.1.14

    xheditor-1.1.14.zip

    xheditor编辑器实现图片上传

    基于轻量级的JQuery的xheditor编辑器+jsp实现图上传功能

    xheditor-1.2.2.zip

    xheditor-1.2.2.zip

    xheditor-1.1.11

    xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行,能够非常灵活简单的和您的系统实现完美的无缝衔接。 自2009年4月首个版本发布以来,凭借我们人性化的用户体验和不断持续完善的态度,越来越...

    xhEditor在线编辑器完整实例

    xhEditor在线编辑器完整实例,可直接运行

    xheditor实例

    xheditor完整实例,下载即可用,copy一下

    xheditor+requireJS+loadmask

    集成xheditor,loadmask和requireJS完成的通过JQuery异步提交数据到服务器的代码

    最新版本xheditor-v1.2.2

    最新版本xheditor-v1.2.2

    xheditor文本编辑器

    可能你还不知道xheditor是什么,其实你可以把它理解为轻量级的Fckeditor,它简化了很多不必要的功能,提高了加载速度。目前,创络科技正致力于整合优化后的xheditor到我们的后台系统,使客户可以更加容易、快速的...

    xheditor.js

    xheditor.js源码,来自网上。xheditor.js源码,来自网上。

    xheditor-1.1.6

    xheditor-1.1.6,html编辑器

    xheditor在线编辑器 修改版

    1 .修改多处引用 每次都要手动的写入大量的JS 2 .统一上传路径 3 .上传的文件信息保存到数据库 且返回文件Id 及名称 4 .增加Google地图 插入图片 5 .上传附件及Google地图 为自定义的... 使用 C# 语言的可以关注下

    xhEditor资料与文档

    功能很强大,不多描述,但你想在网页上像QQ一样插入表情时,这个很容易就可以做到了...

    xheditor-1.1.7 编辑器插件

    xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery,导入web工程即可使用

Global site tag (gtag.js) - Google Analytics