首页 > 开发 > 综合 > 正文

TinyMCE syntaxhl插入代码后换行的修改方法

2024-07-21 02:53:56
字体:
来源:转载
供稿:网友
上次搞了个整合insert code的TinyMCE编辑器,非常好用。但有一个缺点:每次插入代码后,光标都会停留在pre标记里面,打回车出不来,必须编辑HTML
 
在pre后 面加个换行,然后才能回到可视化界面里继续编辑博客。如果博客里要插入的代码片段很多,就会非常不爽。所以今天给它做了个小修改。

打开plugins/syntaxhl/js/dialog.js

定位到41行,找到</pre>标记。这是预格式化标签的结尾标记。所以只要在它后面插入一个段落标记,即可让光标跳出我们插入的代码片段。
插件的作者在41行后加了个bug注释,所以不敢贸然写在</pre>的后面,所以我们换一行,把<p></p>拼接上。

TinyMCE syntaxhl插入代码后换行的修改方法

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

有图有真相:

TinyMCE syntaxhl插入代码后换行的修改方法



注:相关教程知识阅读请移步到编辑器频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表