TinyMCE syntaxhl插入代碼后換行的修改方法
更新時(shí)間：2012年02月17日 22:18:18 作者：
上次搞了個(gè)整合insert code的TinyMCE編輯器，非常好用。但有一個(gè)缺點(diǎn)：每次插入代碼后，光標(biāo)都會(huì)停留在pre標(biāo)記里面，打回車出不來，必須編輯HTML
在pre后 面加個(gè)換行，然后才能回到可視化界面里繼續(xù)編輯博客。如果博客里要插入的代碼片段很多，就會(huì)非常不爽。所以今天給它做了個(gè)小修改。
打開plugins\syntaxhl\js\dialog.js
定位到41行，找到</pre>標(biāo)記。這是預(yù)格式化標(biāo)簽的結(jié)尾標(biāo)記。所以只要在它后面插入一個(gè)段落標(biāo)記，即可讓光標(biāo)跳出我們插入的代碼片段。
插件的作者在41行后加了個(gè)bug注釋，所以不敢貿(mào)然寫在</pre>的后面，所以我們換一行，把<p></p>拼接上。
現(xiàn)在我們插入代碼后，光標(biāo)就不會(huì)卡在pre里面了～OH YEAH!
有圖有真相：
相關(guān)文章
頁面嵌入Windows Media Player播放器代碼需要注意的
在頁面中插入WMP確實(shí)是個(gè)令人頭疼的一件事。這里簡單的說明下，希望對(duì)需要朋友有所幫助。2010-07-07
使用 CodeMirror 打造屬于自己的帶高亮顯示的在線代碼編輯器
寫這個(gè)的目的是因?yàn)橹绊?xiàng)目里用到過 CodeMirror，覺得作為一款在線代碼編輯器還是不錯(cuò)，也看到過有些網(wǎng)站用到過在線代碼編輯，當(dāng)然我不知道他們是用什么做的2018-02-02
最近在解決數(shù)據(jù)粘貼方面取得了不少進(jìn)展，作為Html在線編輯器所必須具備的技術(shù)，在這里詳細(xì)給大家介紹并提供實(shí)現(xiàn)參考。2010-05-05
FckEditor 中文配置手冊(cè),對(duì)于fckeditor不是很熟悉的朋友可以看下?？焖俚恼莆者@個(gè)應(yīng)用比較廣泛的網(wǎng)頁在線編輯器。2009-10-10
Windows Live Writer 實(shí)現(xiàn)代碼高亮
有時(shí)會(huì)包含大量代碼，如果能在文章中高亮顯示代碼文章的可讀性肯定會(huì)好很多。2009-05-05
TinyMce 中文手冊(cè) 在線手冊(cè)與下載...2007-07-07
SyntaxHighlighter 去掉右側(cè)滾動(dòng)條的方法
SyntaxHighlighter這個(gè)是一個(gè)高亮插件?，F(xiàn)在被用于很多網(wǎng)站的代碼顯示。但是SyntaxHighlighter3.0.83，由于自適應(yīng)寬和高，導(dǎo)致一直有滾動(dòng)條的問題2020-03-03
對(duì)于操作 fckeditor的朋友，有所幫助。其實(shí)我們用插件的方法制作也是不錯(cuò)的。功能可以更強(qiáng)。2009-06-06
PHP網(wǎng)頁 Ewebeditor 編輯器嵌入方法
因?yàn)閑webeditor編輯器的功能強(qiáng)大，容易擴(kuò)展等原因，一直是大家比較喜愛的編輯器，所以下面介紹下ewebeditor如何跟php結(jié)合。2009-07-07
當(dāng)使用ckeditor控件時(shí)，需要校驗(yàn)輸入內(nèi)容是否為空的一種解決辦法（轉(zhuǎn)帖）
這樣是我們寫程序中最經(jīng)常的寫法 提交之前進(jìn)行驗(yàn)證內(nèi)容是否為空！2011-01-01