TinyMCE syntaxhl插入代码后换行的修改方法_网页编辑-自学php网

主页 > 前端 > 网页编辑器 >

TinyMCE syntaxhl插入代码后换行的修改方法_网页编辑

来源：自学PHP网时间：2014-12-14 21:28 作者：阅读:次

[导读] 上次搞了个整合insert code的TinyMCE编辑器，非常好用。但有一个缺点：每次插入代码后，光标都会停留在pre标记里面，打回车出不来，必须编辑HTML...

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

打开plugins\syntaxhl\js\dialog.js

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

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

有图有真相：

javascript开发随笔3 开发iframe富文本编辑器的一点

Fckeditor编辑器内容长度限制统计实现方法_网页编

最新评论

加载更多~~

添加评论

更多文章推荐

fckeditor常用Js,获取fckeditor内容,统计fckeditor字数 2014-12-14
使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 2014-12-14
FCKeditor ASP.NET 上传附件研究_网页编辑器 2014-12-14
伪静态下不能使用FCKeditor的解决方法_网页编辑器 2014-12-14
Html 编辑器粘贴内容过滤技术详解_网页编辑器 2014-12-14
FCKeditorAPI 手册 js操作获取等_网页编辑器 2014-12-14
FCKeditor 插件开发示例（详细版本）_网页编辑器 2014-12-14
ckeditor 简单配置方法_网页编辑器 2014-12-14
eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使 2014-12-14
FCKeditor的几点修改小结_网页编辑器 2014-12-14

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论