TinyMCE syntaxhl插入代码后换行的修改方法（tinymce vue 验证为空）学到了吗

随心笔谈2年前发布编辑

169 0

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

在pre后面加个换行，然后才能回到可视化界面里继续编辑博客。如果博客里要插入的代码片段很多，就会非常不爽。所以今天给它做了个小修改。

打开plugins\syntaxhl\js\dialog.js

定位到41行，找到标记。这是预格式化标签的结尾标记。所以只要在它后面插入一个段落标记，即可让光标跳出我们插入的代码片段。

插件的作者在41行后加了个bug注释，所以不敢贸然写在</pre>的后面，所以我们换一行，把<p></p>拼接上。

现在我们插入代码后，光标就不会卡在pre里面了～OH YEAH!

有图有真相：

您可能感兴趣的文章:TinyMce 中文手册在线手册与下载tinyMCE插件开发之插入html,php,sql,js代码并代码高亮显示Tinymce+jQuery.Validation使用产生的BUGTinyMCE 新增本地图片上传功能TinyMCE提交AjaxForm获取不到数据的解决方法TinyMCE汉化及本地上传图片功能实例详解