`
yidianfengfan
  • 浏览: 125107 次
  • 性别: 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 for java

    2. 内容过滤:考虑到XHEditor允许用户输入HTML,可能存在XSS攻击风险,因此需要在保存或展示时对HTML代码进行过滤,移除或替换掉可能有害的标签和属性。 3. 性能优化:如果页面中存在多个XHEditor实例,注意控制DOM...

    xheditor-1.1.14

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

    在xheditor在线编辑器下,ASP提交远程图片自动上传到服务器

    4. **返回新URL**:保存成功后,服务器返回新图片的本地URL给XHEditor,编辑器将用这个新URL替换原来的远程URL,从而在编辑内容中显示本地图片。 5. **错误处理**:在上述过程中可能出现各种错误,比如网络问题、...

    xheditor编辑器asp.net源码

    xheditor是一款功能强大的富文本编辑器,广泛应用于网页内容的编辑与发布。它提供了丰富的编辑功能,包括文本格式化、图片上传、表情插入等,极大地提升了用户在网页端的编辑体验。在ASP.NET框架下,xheditor可以...

    xheditor-1.1.7

    xheditor-1.1.7正是这样一款强大的JavaScript富文本编辑器,它以其丰富的功能和易用性赢得了广大开发者们的青睐。本文将深入探讨xheditor的特性、使用方法以及如何实现本地上传文件和自定义表情。 一、xheditor概述...

    jsp+xheditor web文本编辑器源代码

    4. 在需要编辑区域的位置,使用XHEditor提供的JavaScript方法替换原始的HTML元素,如`&lt;textarea&gt;`或`&lt;div&gt;`。 5. 处理用户提交的编辑内容,可以监听XHEditor的事件,或者在提交表单时获取编辑器中的HTML代码,然后...

    XHEditor编辑器使用文档

    - 方法1:在需要转换为编辑器的`&lt;textarea&gt;`标签上添加`class="xheditor"`属性,根据不同的工具栏需求可以替换为`"xheditor-mini"`或`"xheditor-simple"`。 ```html &lt;textarea class="xheditor"&gt; ``` - 方法2:...

    图片生成占位符功能

    源码UIImageView-Letters,UIImageView+Letters是一个简单、有用的UIImageView类别,可以为用户资料图片生成一个以姓名首字母组成的占位符,并带有一个随机的背景颜色。

    dokuwiki 插件.zip

    在DokuWiki环境中,XHEditor可以替换默认的文本编辑界面,提供更丰富的格式化选项,如字体、颜色、图片上传、链接插入等。这使得非技术用户也能轻松地编辑和排版wiki页面,提升用户体验。 3. SimpleNavi插件: 由...

    SDCMS v1.2 UTF8.rar

    改用xhEditor作为SDCMS的默认编辑器,取消对Ewebeditor编辑器的支持; 6.改进了类别、单页的模板选择方式; 7.信息的相关文章改为可以根据标签获得和指定ID的两种形式; 8.广告插件管理调用由标签改为JS调用,并删除...

    GESCMS网站内容管理系统 V1.2.rar

    更新文本编辑器为xheditor最新版本1.1.10 优化URL地址重写规则 数据修改时,初始化多选项数据 优化字段标签替换,数据调用更准确高效 新增产品数据时,进行数据完整性验证 优化数据操作步骤 修复已知BUG

    网站SEO文章伪原创在线生成网站源码

    也可能包含一些自动化功能,如自动替换同义词、调整句子顺序等。 【压缩包子文件的文件名称列表】揭示了网站的基本结构和可能的功能: 1. index.php:这是网站的首页文件,通常包含网站的主要导航和内容展示。 2. ...

    SDCMS信息管理系统 v1.2 UTF8

    5.改用xhEditor作为SDCMS的默认编辑器,取消对Ewebeditor编辑器的支持; 6.改进了类别、单页的模板选择方式; 7.信息的相关文章改为可以根据标签获得和指定ID的两种形式; 8.广告插件管理调用由标签改为JS调用,并...

    akcms轻量级cms 3.9.4

    2.内容中插入的图片也作为附件存储,使调用更方便(目前仅支持xheditor) 3.修正了部分服务器下因禁用了error_log函数而报错的兼容性问题 4.修正了命令行下无法正常记录日志的BUG 5.增加了一个限制,要使用命令行...

Global site tag (gtag.js) - Google Analytics