替换步骤:

1.前往雷劈网下载demo,快速通道http://formdesign.leipi.org/downloads.html

2.下载neditor,快速通道:https://www.oschina.net/p/neditor

3.将formdesign/js/ueditor-formdesign文件夹复制到neditor相应目录下

4.将neditor中neditor.config.js内容替换成ueditor.config.js中的内容

5.将index.html中引用的文件改为neditor中的内容

6.打开index.html看看

 neditor.config.js内容

/*** neditor完整配置项* 可以在这里配置整个编辑器的特性*/
/**************************提示********************************* 所有被注释的配置项均为UEditor默认值。* 修改默认配置请首先确保已经完全明确该参数的真实用途。* 主要有两种修改方案,一种是取消此处注释,然后修改成对应参数;另一种是在实例化编辑器时传入对应参数。* 当升级编辑器时,可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。**************************提示********************************/(function() {/*** 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。* 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。* "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/neditor/"这样的路径。* 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。* 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。* window.UEDITOR_HOME_URL = "/xxxx/xxxx/";*/var URL = window.UEDITOR_HOME_URL ||getUEBasePath();/*** 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。*/window.UEDITOR_CONFIG={//为编辑器实例添加一个路径,这个不能被注释
UEDITOR_HOME_URL: URL,//服务器统一请求接口路径serverUrl: window.NEDITOR_UPLOAD || URL + "jsp/controller.jsp",//工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的重新定义
toolbars: [["fullscreen","source","|","undo","redo","|","bold","italic","underline","fontborder","strikethrough","superscript","subscript","removeformat","formatmatch","autotypeset","blockquote","pasteplain","|","forecolor","backcolor","insertorderedlist","insertunorderedlist","selectall","cleardoc","|","rowspacingtop","rowspacingbottom","lineheight","|","customstyle","paragraph","fontfamily","fontsize","|","directionalityltr","directionalityrtl","indent","|","justifyleft","justifycenter","justifyright","justifyjustify","|","touppercase","tolowercase","|","link","unlink","anchor","|","imagenone","imageleft","imageright","imagecenter","|","simpleupload","insertimage","emotion","scrawl","insertvideo","music","attachment","map","gmap","insertframe",//"webapp","pagebreak","template","background","|","insertcode","horizontal","date","time","spechars","snapscreen","wordimage","|","inserttable","deletetable","insertparagraphbeforetable","insertrow","deleterow","insertcol","deletecol","mergecells","mergeright","mergedown","splittocells","splittorows","splittocols","charts","|","print","preview","searchreplace","drafts","help"]]//当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置,否则以配置值为准//,labelMap:{//'anchor':'', 'undo':''//}//语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件://lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()//,lang:"zh-cn"//,langPath:URL +"i18n/"//主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件://现有如下皮肤:default//,theme:'default'//,themePath:URL +"themes/"//,zIndex : 900     //编辑器层级的基数,默认是900//针对getAllHtml方法,会在对应的head标签中增加该编码设置。//,charset:"utf-8"//若实例化编辑器的页面手动修改的domain,此处需要设置为true//,customDomain:false//常用配置项目//,isShow : true    //默认显示编辑器//,textarea:'editorValue' // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值//,initialContent:'欢迎使用ueditor!'    //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子//,autoClearinitialContent:true //是否自动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器一上来就会触发导致初始化的内容看不到了//,focus:false //初始化时,是否让编辑器获得焦点true或false//如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感//,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等//,iframeCssUrl: URL + '/themes/iframe.css' //给编辑区域的iframe引入一个css文件//indentValue//首行缩进距离,默认是2em//,indentValue:'2em'//,initialFrameWidth:1000  //初始化编辑器宽度,默认1000//,initialFrameHeight:320  //初始化编辑器高度,默认320//,readonly : false //编辑器初始化结束后,编辑区域是否是只读的,默认是false//,autoClearEmptyNode : true //getContent时,是否删除空的inlineElement节点(包括嵌套的情况)//启用自动保存//,enableAutoSave: true//自动保存间隔时间, 单位ms//,saveInterval: 500//,fullscreen : false //是否开启初始化时即全屏,默认关闭//,imagePopup:true      //图片操作的浮层开关,默认打开//,autoSyncData:true //自动同步编辑器要提交的数据//,emotionLocalization:false //是否开启表情本地化,默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹//粘贴只保留标签,去除标签所有属性//,retainOnlyLabelPasted: false//,pasteplain:false  //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴//纯文本粘贴模式下的过滤规则//'filterTxtRules' : function(){//function transP(node){//node.tagName = 'p';//node.setStyle();//}//return {////直接删除及其字节点内容//'-' : 'script style object iframe embed input select',//'p': {$:{}},//'br':{$:{}},//'div':{'$':{}},//'li':{'$':{}},//'caption':transP,//'th':transP,//'tr':transP,//'h1':transP,'h2':transP,'h3':transP,'h4':transP,'h5':transP,'h6':transP,//'td':function(node){////没有内容的td直接删掉//var txt = !!node.innerText();//if(txt){//node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);//}//node.parentNode.removeChild(node,node.innerText())//}//}//}()//,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串//insertorderedlist//有序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准//,'insertorderedlist':{////自定的样式//'num':'1,2,3...',//'num1':'1),2),3)...',//'num2':'(1),(2),(3)...',//'cn':'一,二,三....',//'cn1':'一),二),三)....',//'cn2':'(一),(二),(三)....',////系统自带//'decimal' : '' ,         //'1,2,3...'//'lower-alpha' : '' ,    // 'a,b,c...'//'lower-roman' : '' ,    //'i,ii,iii...'//'upper-alpha' : '' , lang   //'A,B,C'//'upper-roman' : ''      //'I,II,III...'//}//insertunorderedlist//无序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准//,insertunorderedlist : { //自定的样式//'dash' :'— 破折号', //-破折号//'dot':' 。 小圆圈', //系统自带//'circle' : '',  // '○ 小圆圈'//'disc' : '',    // '● 小圆点'//'square' : ''   //'■ 小方块'//}//,listDefaultPaddingLeft : '30'//默认的左边缩进的基数倍//,listiconpath : 'http://bs.baidu.com/listicon/'//自定义标号的路径//,maxListLevel : 3 //限制可以tab的级数, 设置-1为不限制//,autoTransWordToList:false  //禁止word中粘贴进来的列表自动变成列表标签//fontfamily//字体设置 label留空支持多语言自动切换,若配置,则以配置值为准//,'fontfamily':[//{ label:'',name:'songti',val:'宋体,SimSun'},//{ label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},//{ label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},//{ label:'',name:'heiti',val:'黑体, SimHei'},//{ label:'',name:'lishu',val:'隶书, SimLi'},//{ label:'',name:'andaleMono',val:'andale mono'},//{ label:'',name:'arial',val:'arial, helvetica,sans-serif'},//{ label:'',name:'arialBlack',val:'arial black,avant garde'},//{ label:'',name:'comicSansMs',val:'comic sans ms'},//{ label:'',name:'impact',val:'impact,chicago'},//{ label:'',name:'timesNewRoman',val:'times new roman'}//]//fontsize//字号//,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]//paragraph//段落格式 值留空时支持多语言自动识别,若配置,则以配置值为准//,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}//rowspacingtop//段间距 值和显示的名字相同//,'rowspacingtop':['5', '10', '15', '20', '25']//rowspacingBottom//段间距 值和显示的名字相同//,'rowspacingbottom':['5', '10', '15', '20', '25']//lineheight//行内间距 值和显示的名字相同//,'lineheight':['1', '1.5','1.75','2', '3', '4', '5']//customstyle//自定义样式,不支持国际化,此处配置值即可最后显示值//block的元素是依据设置段落的逻辑设置的,inline的元素依据BIU的逻辑设置//尽量使用一些常用的标签//参数说明//tag 使用的标签名字//label 显示的名字也是用来标识不同类型的标识符,注意这个值每个要不同,//style 添加的样式//每一个对象就是一个自定义的样式//,'customstyle':[//{tag:'h1', name:'tc', label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},//{tag:'h1', name:'tl',label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'},//{tag:'span',name:'im', label:'', style:'font-style:italic;font-weight:bold'},//{tag:'span',name:'hi', label:'', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}//]//打开右键菜单功能//,enableContextMenu: true//右键菜单的内容,可以参考plugins/contextmenu.js里边的默认菜单的例子,label留空支持国际化,否则以此配置为准//,contextMenu:[//{//label:'',       //显示的名称//cmdName:'selectall',//执行的command命令,当点击这个右键菜单时////exec可选,有了exec就会在点击时执行这个function,优先级高于cmdName//exec:function () {////this是当前编辑器的实例////this.ui._dialogs['inserttableDialog'].open();//}//}//]//快捷菜单//,shortcutMenu:["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]//elementPathEnabled//是否启用元素路径,默认是显示//,elementPathEnabled : true//wordCount//,wordCount:true          //是否开启字数统计//,maximumWords:10000       //允许的最大字符数//字数统计提示,{#count}代表当前字数,{#leave}代表还可以输入多少字符数,留空支持多语言自动切换,否则按此配置显示//,wordCountMsg:''   //当前已输入 {#count} 个字符,您还可以输入{#leave} 个字符//超出字数限制提示  留空支持多语言自动切换,否则按此配置显示//,wordOverFlowMsg:''    //<span style="color:red;">你输入的字符个数已经超出最大允许值,服务器可能会拒绝保存!</span>//tab//点击tab键时移动的距离,tabSize倍数,tabNode什么字符做为单位//,tabSize:4//,tabNode:'&nbsp;'//removeFormat//清除格式时可以删除的标签和属性//removeForamtTags标签//,removeFormatTags:'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'//removeFormatAttributes属性//,removeFormatAttributes:'class,style,lang,width,height,align,hspace,valign'//undo//可以最多回退的次数,默认20//,maxUndoCount:20//当输入的字符数超过该值时,保存一次现场//,maxInputCount:1//autoHeightEnabled//是否自动长高,默认true//,autoHeightEnabled:true//scaleEnabled//是否可以拉伸长高,默认true(当开启时,自动长高失效)//,scaleEnabled:false//,minFrameWidth:800    //编辑器拖动时最小宽度,默认800//,minFrameHeight:220  //编辑器拖动时最小高度,默认220//autoFloatEnabled//是否保持toolbar的位置不动,默认true//,autoFloatEnabled:true//浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面//,topOffset:30//编辑器底部距离工具栏高度(如果参数大于等于编辑器高度,则设置无效)//,toolbarTopOffset:400//设置远程图片是否抓取到本地保存//,catchRemoteImageEnable: true //设置是否抓取远程图片//pageBreakTag//分页标识符,默认是_ueditor_page_break_tag_//,pageBreakTag:'_ueditor_page_break_tag_'//autotypeset//自动排版参数//,autotypeset: {//mergeEmptyline: true,           //合并空行//removeClass: true,              //去掉冗余的class//removeEmptyline: false,         //去掉空行//textAlign:"left",               //段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版//imageBlockLine: 'center',       //图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版//pasteFilter: false,             //根据规则过滤没事粘贴进来的内容//clearFontSize: false,           //去掉所有的内嵌字号,使用编辑器默认的字号//clearFontFamily: false,         //去掉所有的内嵌字体,使用编辑器默认的字体//removeEmptyNode: false,         // 去掉空节点////可以去掉的标签//removeTagNames: {标签名字:1},//indent: false,                  // 行首缩进//indentValue : '2em',            //行首缩进的大小//bdc2sb: false,//tobdc: false//}//tableDragable//表格是否可以拖拽//,tableDragable: true//sourceEditor//源码的查看方式,codemirror 是代码高亮,textarea是文本框,默认是codemirror//注意默认codemirror只能在ie8+和非ie中使用//,sourceEditor:"codemirror"//如果sourceEditor是codemirror,还用配置一下两个参数//codeMirrorJsUrl js加载的路径,默认是 URL + "third-party/codemirror/codemirror.js"//,codeMirrorJsUrl:URL + "third-party/codemirror/codemirror.js"//codeMirrorCssUrl css加载的路径,默认是 URL + "third-party/codemirror/codemirror.css"//,codeMirrorCssUrl:URL + "third-party/codemirror/codemirror.css"//编辑器初始化完成后是否进入源码模式,默认为否。//,sourceEditorFirst:false//iframeUrlMap//dialog内容的路径 ~会被替换成URL,垓属性一旦打开,将覆盖所有的dialog的默认路径//,iframeUrlMap:{//'anchor':'~/dialogs/anchor/anchor.html',//}//allowLinkProtocol 允许的链接地址,有这些前缀的链接地址不会自动添加http//, allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']//webAppKey 百度应用的APIkey,每个站长必须首先去百度官网注册一个key后方能正常使用app功能,注册介绍,http://app.baidu.com/static/cms/getapikey.html//, webAppKey: ""//默认过滤规则相关配置项目//,disabledTableInTable:true  //禁止表格嵌套,allowDivTransToP:false      //允许进入编辑器的div标签自动变成p标签//,rgb2Hex:true               //默认产出的数据中的color自动从rgb格式变成16进制格式//xss 过滤是否开启,inserthtml等操作//,xssFilterRules: true//input xss过滤//,inputXssFilter: true//output xss过滤//,outputXssFilter: true//xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
,whitList: {a:      ['target', 'href', 'title'],abbr:   ['title'],address: [],area:   ['shape', 'coords', 'href', 'alt'],article: [],aside:  [],audio:  ['autoplay', 'controls', 'loop', 'preload', 'src'],b:      [],bdi:    ['dir'],bdo:    ['dir'],big:    [],blockquote: ['cite'],br:     [],caption: [],center: [],cite:   [],code:   [],col:    ['align', 'valign', 'span', 'width'],colgroup: ['align', 'valign', 'span', 'width'],dd:     [],del:    ['datetime'],details: ['open'],div:    [],dl:     [],dt:     [],em:     [],font:   ['color', 'size', 'face'],footer: [],h1:     [],h2:     [],h3:     [],h4:     [],h5:     [],h6:     [],header: [],hr:     [],i:      [],img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass'],ins:    ['datetime'],li:     [],mark:   [],nav:    [],ol:     [],p:      [],pre:    [],s:      [],section:[],small:  [],span:   [],sub:    [],sup:    [],strong: [],table:  ['width', 'border', 'align', 'valign'],tbody:  ['align', 'valign'],td:     ['width', 'rowspan', 'colspan', 'align', 'valign'],tfoot:  ['align', 'valign'],th:     ['width', 'rowspan', 'colspan', 'align', 'valign'],thead:  ['align', 'valign'],tr:     ['rowspan', 'align', 'valign'],tt:     [],u:      [],ul:     [],video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width']}};functiongetUEBasePath(docUrl, confUrl) {return getBasePath(docUrl || self.document.URL || self.location.href, confUrl ||getConfigFilePath());}functiongetConfigFilePath() {var configPath = document.getElementsByTagName('script');return configPath[ configPath.length - 1].src;}functiongetBasePath(docUrl, confUrl) {var basePath =confUrl;if (/^(\/|\\\\)/.test(confUrl)) {basePath= /^.+?\w(\/|\\\\)/.exec(docUrl)[0] + confUrl.replace(/^(\/|\\\\)/, '');}else if (!/^[a-z]+:/i.test(confUrl)) {docUrl= docUrl.split("#")[0].split("?")[0].replace(/[^\\\/]+$/, '');basePath= docUrl + "" +confUrl;}returnoptimizationPath(basePath);}functionoptimizationPath(path) {var protocol = /^[a-z]+:\/\//.exec(path)[ 0],tmp= null,res=[];path= path.replace(protocol, "").split("?")[0].split("#")[0];path= path.replace(/\\/g, '/').split(/\//);path[ path.length- 1 ] = "";while(path.length) {if (( tmp = path.shift() ) === "..") {res.pop();}else if (tmp !== ".") {res.push(tmp);}}return protocol + res.join("/");}window.UE={getUEBasePath: getUEBasePath};})();

附上一张图:

转载于:https://www.cnblogs.com/weenhall/p/8329078.html

替换雷劈网表单设计器使用的默认主题,使用neditor相关推荐

  1. python开源报表系统_流程设计器、表单设计器和简单报表管理开源OA系统smart-web...

    smart-web2是一套相对简单的OA系统:包含了流程设计器,表单设计器,权限管理,简单报表管理等功能: 系统后端基于SpringMVC+Spring+Hibernate框架,前端页面采用JQuer ...

  2. Antd Vue 表单生成快速开发指南,内附强大的表单设计器

    之前发布了一款基于Element的表单设计器,可以快速设计和生成表单,设计器地址:http://form.making.link/.现在我可以告诉大家,Antd表单支持来了,可以使用设计器设计好表单后 ...

  3. 几款常用的表单设计器解决方案

    在日常前端开发中,表单可以说是最常用的一种数据录入及展示组件.如果项目里有成百上千个表单需要手动编写代码,这将极大的一笔极大的人力开支.这时候,选择一款合适的表单设计器,就显得非常重要了,不仅能极大的 ...

  4. 多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单

    本文完整版:<多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单> Vue 表单设计器 form-generator - 适配 Element Plus UI 框架的表单设计器 f ...

  5. Vue+Element-UI 使用 Vform 表单设计器

    1.表单设计器基础字段建议 //主键id Int id  (guid id) //表单数据 String FormJson //表单名称 String FormName //表单描述 String F ...

  6. FormMaking表单设计器的使用

    在开发过程中有一个可以让客户自己来设计表单的需求,看了多个动态表单生成的,最后选择了FormMaking,主要是这个基于vue和elmenet-ui的一款表单设计器,跟我们的项目更贴合. FormMa ...

  7. ecology关于流程表单设计器自定义开发及常见场景方案分享

    一.表单设计器模板如何自定义开发 表单设计器可设置自定义属性以及插入代码块,二者相辅结合.灵活运用,可实现多样化客户需求 自定义属性分为:行自定义属性(绑定在table布局tr行标签上).单元格自定义 ...

  8. 布局器 拖拽拖拽表单设计器 厉害了

    码农苦码农懂! 您是否有过以下想法: 我是一名element初学者,我想以最短的时间快速进入 element 的大门 我是一名后端工程师,虽能熟练掌握 JS 的写法,但是页面样式布局让我很头疼 我是一 ...

  9. 基于VUE的ElementUi可视化表单设计器布局器

    码农苦码农懂的个人空间 工作日志 正文 基于VUE的ElementUi可视化表单设计器布局器 顶 原 码农苦码农懂 发布于 09/11 15:35 字数 1187 阅读 41 收藏 0 点赞 1 评论 ...

最新文章

  1. TypeScript基础学习 —— 基础类型
  2. fix--向零方向取整
  3. 修改.fig文件中图的x轴或y轴的标题及数据图
  4. linux系统报错01031,在Linux环境下设置 ora-01031:insufficient privileges解决方法总结
  5. wxWidgets:wxNavigationKeyEvent类用法
  6. RabbitMQ学习(七)_RabbitMQ Consumer获取消息的两种方式(poll,subscribe)解析
  7. 每天CookBook之Python-062
  8. 让你不富都难的28个理财习惯
  9. xenomai linux测试,Xenomai 实时线程 select 测试
  10. 区块链基础语言(二)——Go语言开发环境搭建
  11. atitit.报表最佳实践oae 与报表引擎选型
  12. 人工智能教学解决方案
  13. ubuntu14.04人脸相似度dlib模块和skimage模块安装
  14. 使用kaptcha快速生成验证码
  15. 制作png格式透明图片的简易方法
  16. 知乎|10个程序员必备免费电子书下载网站
  17. Rate 函数在PromQL 查询中的使用
  18. influence和effect的区别
  19. Python获取法定节假日
  20. 2020秋季甲级PAT 7-4 Professional Ability Test (30 分)

热门文章

  1. oracle查看分区名称,oracle学习笔记之 分区表
  2. 新iPad未到 老iPad价格反弹
  3. SmartTier、SmartQos
  4. 读《测试构架师修炼之道》-Chapter1、2 测试人的职业规划
  5. 如何利用TL431设计一个可调电压源
  6. 马云卸任CEO演讲:明天起生活将是我的工作
  7. 人从哪里来 又到哪里去
  8. 孙正义也喝了一口商汤
  9. 触宝科技sp专场面试复盘
  10. Win10家庭版打不开gpedit.msc如何处理【解决方法】