有一个文本编辑功能用到了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');});
分享到:
相关推荐
2. 内容过滤:考虑到XHEditor允许用户输入HTML,可能存在XSS攻击风险,因此需要在保存或展示时对HTML代码进行过滤,移除或替换掉可能有害的标签和属性。 3. 性能优化:如果页面中存在多个XHEditor实例,注意控制DOM...
说明:当localUrlTest测试为false时,会将图片URL发往当前参数指定的服务器端上传接收程序,抓取成功后将本地URL返回并替换 备注:v1.1.8新添加 readTip:无障碍读屏提示 参数值:字符串(默认为空) 说明:无障碍读屏...
4. **返回新URL**:保存成功后,服务器返回新图片的本地URL给XHEditor,编辑器将用这个新URL替换原来的远程URL,从而在编辑内容中显示本地图片。 5. **错误处理**:在上述过程中可能出现各种错误,比如网络问题、...
xheditor是一款功能强大的富文本编辑器,广泛应用于网页内容的编辑与发布。它提供了丰富的编辑功能,包括文本格式化、图片上传、表情插入等,极大地提升了用户在网页端的编辑体验。在ASP.NET框架下,xheditor可以...
xheditor-1.1.7正是这样一款强大的JavaScript富文本编辑器,它以其丰富的功能和易用性赢得了广大开发者们的青睐。本文将深入探讨xheditor的特性、使用方法以及如何实现本地上传文件和自定义表情。 一、xheditor概述...
4. 在需要编辑区域的位置,使用XHEditor提供的JavaScript方法替换原始的HTML元素,如`<textarea>`或`<div>`。 5. 处理用户提交的编辑内容,可以监听XHEditor的事件,或者在提交表单时获取编辑器中的HTML代码,然后...
- 方法1:在需要转换为编辑器的`<textarea>`标签上添加`class="xheditor"`属性,根据不同的工具栏需求可以替换为`"xheditor-mini"`或`"xheditor-simple"`。 ```html <textarea class="xheditor"> ``` - 方法2:...
源码UIImageView-Letters,UIImageView+Letters是一个简单、有用的UIImageView类别,可以为用户资料图片生成一个以姓名首字母组成的占位符,并带有一个随机的背景颜色。
在DokuWiki环境中,XHEditor可以替换默认的文本编辑界面,提供更丰富的格式化选项,如字体、颜色、图片上传、链接插入等。这使得非技术用户也能轻松地编辑和排版wiki页面,提升用户体验。 3. SimpleNavi插件: 由...
改用xhEditor作为SDCMS的默认编辑器,取消对Ewebeditor编辑器的支持; 6.改进了类别、单页的模板选择方式; 7.信息的相关文章改为可以根据标签获得和指定ID的两种形式; 8.广告插件管理调用由标签改为JS调用,并删除...
更新文本编辑器为xheditor最新版本1.1.10 优化URL地址重写规则 数据修改时,初始化多选项数据 优化字段标签替换,数据调用更准确高效 新增产品数据时,进行数据完整性验证 优化数据操作步骤 修复已知BUG
也可能包含一些自动化功能,如自动替换同义词、调整句子顺序等。 【压缩包子文件的文件名称列表】揭示了网站的基本结构和可能的功能: 1. index.php:这是网站的首页文件,通常包含网站的主要导航和内容展示。 2. ...
5.改用xhEditor作为SDCMS的默认编辑器,取消对Ewebeditor编辑器的支持; 6.改进了类别、单页的模板选择方式; 7.信息的相关文章改为可以根据标签获得和指定ID的两种形式; 8.广告插件管理调用由标签改为JS调用,并...
2.内容中插入的图片也作为附件存储,使调用更方便(目前仅支持xheditor) 3.修正了部分服务器下因禁用了error_log函数而报错的兼容性问题 4.修正了命令行下无法正常记录日志的BUG 5.增加了一个限制,要使用命令行...