html编辑器查找与替换,织梦kindeditor文本编辑器增加“查找替换”功能
织梦kindeditor文本编辑器增加“查找替换”功能效果演示
1、items 里面增加 search 按钮
['source','|','undo','redo','|','preview','print','template','code','cut','copy','paste','plainpaste','wordpaste','|','justifyleft','justifycenter','justifyright','justifyfull','insertorderedlist','insertunorderedlist','indent','outdent','subscript','superscript','clearhtml','quickformat','selectall','|','fullscreen','/','formatblock', 'fontname','fontsize','|','forecolor','hilitecolor','bold','italic','underline','strikethrough','lineheight','removeformat','|','image','multiimage','flash','media','insertfile','table','hr','emoticons','baidumap','pagebreak','anchor','link','unlink','|','about','search']
2、增加语言 和 执行函数
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//自定义插件查找与替换
KindEditor.lang({
search:'查找与替换'
});
KindEditor.ready(function(K){
editor1=K.create('textarea[name="{$fname}"]',{
cssPath:'{$GLOBALS['cfg_cmspath']}/include/kindeditor/plugins/code/prettify.css',
uploadJson:'$uploadJson',
fileManagerJson:'$fileManagerJson',
extraFileUploadParams:{
PHPSESSID:'{$session_id}'
},
$extendconfig
$itemconfig
allowFileManager:{$allowFileManager},
afterBlur:function(){this.sync();}
});
prettyPrint();
});
//点击“确定”按钮所执行的事情www.niuqi.net织梦模板网
functionFindReplace(){
varfindVal=document.getElementById("txtFind").value;
varreplaceVal=document.getElementById("txtReplace").value;
if(findVal.length==0){
alert("查找内容不能够为空!");
returnfalse;
}
vareditorHtml=editor1.html();
//利用正则表达式,实现对编辑器内文本进行全文扫描并替换
editorHtml=editorHtml.replace(newRegExp(findVal,"gi"),replaceVal);
//重新加载编辑器内值
editor1.html(editorHtml);
}
3、增加按钮点击后出来小窗口
kindeditor\\plugins 文件夹下新建 search 文件夹,里面再建立个search.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//自定义插件查找与替换
KindEditor.plugin('search',function(K){
varself=this,name='search';
self.clickToolbar(name,function(){
menu=self.createMenu({
name:name
});
varwrapperDiv=""+
"查找与替换"+
"查找:
"+
html编辑器查找与替换,织梦kindeditor文本编辑器增加“查找替换”功能相关推荐
- php 编辑器 插入视频,织梦dedecms默认编辑器实现上传视频功能
织梦默认的编辑器采用的是ckeditor厂商提供的,只可以上传Flash,今天我们进行二次改进,使之可以上传视频文件如MP4文件进行播放,方法比较简单,无需去更换编辑器,下面就言归正传. 第一步:后台 ...
- dedecms联动筛选_织梦联动类别联动筛选搜索查询功能插件
用织梦做医院网站首页的症状导诊时候,需要用到织梦联动类别联动枚举结合织梦搜索查询实现查询数据.效果图如下: 症状和病情描述是后台联动类别管理里添加的一级.二级选择 织梦联动类别搜索功能实现步骤: 具体 ...
- 织梦网站翻页php,Dedecms织梦如何实现键盘翻页的功能
Dedecms织梦如何实现键盘翻页的功能 . 大家一定发现了在浏览很多小说.图片网站的时候,我们只要动一动键盘就可以翻译,而并不是要用鼠标去点击下一页,智能化是互联网发展的必然趋势! 所以也是我们站长 ...
- php织梦二次开发的功能例子,织梦DedeCMS二次开发联动筛选功能的实现(含多选功能)...
织梦默认的列表页没有筛选功能,但有时候我们做产品列表页的时候,产品的字段比较多,很多人都需要用到筛选功能,这样可以让用户更方便的找到自己所需要的东西,实现这个联动筛选功能需要对织梦进行二次开发,下面就 ...
- linux文件编辑器的三种模式,Linux中文本编辑器三种工作模式切换及vi编辑器三种工作模式下命令详解...
文本编辑器的作用 创建或修改文本文件 维护Linux系统中的各种配置文件 Linux中最常用的文本编辑器 Linux中最常用的文本编辑器 vi:类UNIX操作系统的默认文本编辑器 vim:vim时vi ...
- kind富文本编辑器_在项目中集成富文本编辑器
前 言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...
- vue获取编辑器纯文字_vue中使用富文本编辑器
前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...
- 关于dedecms织梦后台html编辑器不能复制word格式的处理方法/ kindEditor编辑器/百度(ueditor)编辑器的添加方法
Q:word文件内容粘贴到dede后台编辑器里,格式都失效了 dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果 一.更换kindEditor编辑器操作步 ...
- dede 删除文章的同时自动删除生成的html文件夹,删除织梦自带编辑器自动加DIV的方法...
织梦编辑器在编辑文章时,有时候会多出很多div,例如直接复制别的网站的文章,如果文章中包含很多div,那么自己的网站上也就多了很多div.本文主要讲解一下怎样删除织梦编辑器中的div. 方法一:替换新 ...
最新文章
- python【数据结构与算法】武松打虎问题(贪心)
- leetcode旋转数组 c语言,leetcode explore 初级算法第三题,旋转数组代码实现
- 【阿里云课程】模型设计之动态网络,原理与设计
- mysql55和57的区别_技术分享 | MySQL:count(*)、count(字段) 实现上区别
- 东北电力大学计算机网络复试题,2020年东北电力大学计算机学院复试(20200901201159).pdf...
- SAP CRM One Order SERVICE_OS GUID调试指南
- matlab phog,科学网—UCF 大牛 Prof. Shah 课题组代码合集 - 张重的博文
- ij运行tomcat_如何把本地Web项目部署到云服务器上
- 【转】关于Eclipse创建Android项目时,会多出一个appcompat_v7的问题
- python编程框架_python编程基础框架
- Android常用工具类 (转)
- 文华财经wh6如何导入需要的指标
- 告别奇虎360、依图科技,再谋他途!依图CTO颜水成被曝离职!
- php找爸爸,暖哭!萌娃外滩找爸爸:“他两天没回家”
- Easy Deep Learning——卷积层
- Android 推送消息开放接口 OpenPush
- Echarts的折线图堆叠示例,去掉线上小圆圈;多条折现可重叠。
- vue+django2.0.2-rest-framework 生鲜项目(三)
- 中信易卡,你值得搬砖吗?
- Python Socket 编程详细介绍
热门文章
- WebSocket协议入门介绍
- java.util.function.Function的用法
- 静态页面被拦截解决办法
- extjs 渲染之前的方法_Unity通用渲染管线(URP)系列(十一)——后处理(Bloom)...
- Vue数据绑定v-bind
- 亚马逊产品描述计算机语言编辑,亚马逊Listing产品描述编辑讲解
- Spring —— IoC 容器详解
- Docker必备知识整理
- java的守护进程与非守护进程
- 众友科技计算机组成原理,组成原理:采用微程序控制器的模型机CPU设计(10页)-原创力文档...