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

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

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

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

文章摘要

这篇文章介绍了在使用TinyMCE插件时，如何解决在`<pre>`标签后无法编辑博客内容的问题。具体来说，作者发现将段落标记插入到预格式化标签的结尾标记后，可以方便地在代码片段之间添加文本。为了避免触发光标卡在`<pre>`标签内，作者在代码片段前添加了段落标记，并将光标引导到`<pre>`标签后。这种修改显著提升了编辑体验，解决了在多次插入代码时的不便。

在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汉化及本地上传图片功能实例详解