TinyMCE syntaxhl插入代码后换行的修改方法
更新时间：2012年02月17日 22:18:18 作者：
上次搞了个整合insert code的TinyMCE编辑器，非常好用。但有一个缺点：每次插入代码后，光标都会停留在pre标记里面，打回车出不来，必须编辑HTML
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
在pre后 面加个换行，然后才能回到可视化界面里继续编辑博客。如果博客里要插入的代码片段很多，就会非常不爽。所以今天给它做了个小修改。
打开plugins\syntaxhl\js\dialog.js
定位到41行，找到</pre>标记。这是预格式化标签的结尾标记。所以只要在它后面插入一个段落标记，即可让光标跳出我们插入的代码片段。
插件的作者在41行后加了个bug注释，所以不敢贸然写在</pre>的后面，所以我们换一行，把<p></p>拼接上。
现在我们插入代码后，光标就不会卡在pre里面了～OH YEAH!
有图有真相：
相关文章
页面嵌入Windows Media Player播放器代码需要注意的
在页面中插入WMP确实是个令人头疼的一件事。这里简单的说明下，希望对需要朋友有所帮助。2010-07-07
使用 CodeMirror 打造属于自己的带高亮显示的在线代码编辑器
写这个的目的是因为之前项目里用到过 CodeMirror，觉得作为一款在线代码编辑器还是不错，也看到过有些网站用到过在线代码编辑，当然我不知道他们是用什么做的2018-02-02
最近在解决数据粘贴方面取得了不少进展，作为Html在线编辑器所必须具备的技术，在这里详细给大家介绍并提供实现参考。2010-05-05
FckEditor 中文配置手册,对于fckeditor不是很熟悉的朋友可以看下。快速的掌握这个应用比较广泛的网页在线编辑器。2009-10-10
有时会包含大量代码，如果能在文章中高亮显示代码文章的可读性肯定会好很多。2009-05-05
TinyMce 中文手册 在线手册与下载...2007-07-07
SyntaxHighlighter这个是一个高亮插件。现在被用于很多网站的代码显示。但是SyntaxHighlighter3.0.83，由于自适应宽和高，导致一直有滚动条的问题2020-03-03
对于操作 fckeditor的朋友，有所帮助。其实我们用插件的方法制作也是不错的。功能可以更强。2009-06-06
因为ewebeditor编辑器的功能强大，容易扩展等原因，一直是大家比较喜爱的编辑器，所以下面介绍下ewebeditor如何跟php结合。2009-07-07
当使用ckeditor控件时，需要校验输入内容是否为空的一种解决办法（转帖）
这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空！2011-01-01
最新评论