博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于codeMirror插件使用的一个坑
阅读量:5835 次
发布时间:2019-06-18

本文共 918 字,大约阅读时间需要 3 分钟。

codeMirror插件可以做语法高亮渲染,但它操作过程是这样的:先从 textarea中读取值放到codemirror动态生成的div中,根据textarea中的换行个数确定行数,根据正则表达来高亮语法。这就有个问 题,当你在页面上对语法做出修改提交表单时,其实只是在codemirror上的动态div上做出修改,当form表单提交时,原来textarea值并 没有变化。

所以,解决办法如下

1.需要在表单提交之前将textarea渲染的editor对象的值给读取出来,反写到textarea上去。

2.使用一个onchange事件,在渲染的div值出现变化时,反写到textarea上去。

 

(1) ids为textarea的id,jeditor_obj 为针对textarea渲染的对象

var ids = ['globalValueId','readyFlowId','mainFlowId','clearFlowId','exceptionFlowId'];        var globalValueId_Editor = new Object();    var readyFlowId_Editor = new Object();    var mainFlowId_Editor = new Object();    var clearFlowId_Editor = new Object();    var exceptionFlowId_Editor = new Object();    var jeditor_obj = [globalValueId_Editor,readyFlowId_Editor,mainFlowId_Editor,clearFlowId_Editor,exceptionFlowId_Editor];

 

 

(2) 各个语法高亮的editor对象

/* 语法高亮 */    for(var i=0;i

 

(3) 红色部分为提交前将值反写回textarea的操作

submitHandler : function(form) {                  for(var i=0;i

 

转载地址:http://pwjcx.baihongyu.com/

你可能感兴趣的文章
HDU 2044 一只小蜜蜂(递归)
查看>>
docker 下 安装rancher 笔记
查看>>
spring两大核心对象IOC和AOP(新手理解)
查看>>
数据分析相关
查看>>
Python LDAP中的时间戳转换为Linux下时间
查看>>
微信小程序蓝牙连接小票打印机
查看>>
C++_了解虚函数的概念
查看>>
全新jmeter视频已经上架
查看>>
Windows 8下如何删除无线配置文件
查看>>
oracle系列(五)高级DBA必知的Oracle的备份与恢复(全录收集)
查看>>
hp 服务器通过串口重定向功能的使用
查看>>
国外10大IT网站和博客网站
查看>>
android第十一期 - SmoothSwitchLibrary仿IOS切换Activity动画效果
查看>>
zabbix 批量web url监控
查看>>
MongoDB CookBook读书笔记之导入导出
查看>>
shell如何快速锁定所有账号
查看>>
HTML 5实现的手机摇一摇
查看>>
此博客不再发表对自己私事的看法
查看>>
导致Asp.Net站点重启的10个原因
查看>>
【PMP】Head First PMP 学习笔记 第一章 引言
查看>>