關於codeMirror外掛程式使用的乙個坑

2021-09-07 02:25:25 字數 1132 閱讀 8330

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)

getpost("business/mergeflowaction");

}

關於codeMirror外掛程式使用的乙個坑

codemirror外掛程式可以做語法高亮渲染,但它操作過程是這樣的 先從 textarea中讀取值放到codemirror動態生成的div中,根據textarea中的換行個數確定行數,根據正則表達來高亮語法。這就有個問 題,當你在頁面上對語法做出修改提交表單時,其實只是在codemirror上的動...

關於bootstrap table 外掛程式的使用總結

這個外掛程式搗騰了好久了終於調通了,記錄一下 先引入相應的檔案 name stars forks action 以上要注意的是url是傳的json格式的資料,例如c.php為 rows array id one name two price three row array rows echo enc...

Grunt外掛程式autoprefixer使用指南

在grunt安裝 配置和應用中,我介紹了幾種外掛程式的使用。今天再介紹乙個為相容各大瀏覽器自動新增字首的外掛程式autoprefixer。環境配置好了後,gruntfile.js檔案配置如下 module.exports function grunt single file grunt.regist...