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

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

打开plugins\syntaxhl\js\dialog.js

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

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

有图有真相：

赞 (0)

相关推荐

  • TinyMCE 新增本地图片上传功能

    TinyMCE 新增本地图片上传功能

    这样TinyMCE 就可以正常显示图片了.其实该功能属于普通HTML富文本控件基本功能了.现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片. 实现思路: 使用Ajax 进行图片上传,此上传方式可以更友好的实现TinyMCE 的图片上传扩展, 具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片.将Ajax上传图片集成到 TinyMCE 中, 主要是修改TinyMCE 目录下的 tinymce\jscripts\tiny_mce\plugins 的 ad

  • TinyMCE汉化及本地上传图片功能实例详解

    TinyMCE我就不多介绍了,这是下载地址:https://www.tinymce.com/download/ 下载下来是英文版,要汉化也很简单. 首先去网上随便下载个汉化包,然后把汉化包解压后的langs文件夹里的zh_CN.js拷到你下载的TinyMCE的langs文件夹中就行.最后在 tinymce.init中加上"language: "zh_CN","(后面会贴出代码) 本地图片上传我用到了Jquery中的uploadify和UI,所以需要引用jquery.

  • TinyMce 中文手册 在线手册与下载

    因为发现网上只有cube316翻译的1.x版TinyMCE的用户手册,而现在TinyMCE 2.0 的用户手册相比以前有了比较大的变化,所以就根据TinyMCE2.0.3RC1中的手册进行了翻译,希望方便有需要的朋友. 由于本人水平有限,加之英文手册本身内容也有问题,如有错误欢迎指正交流.另外谢谢cube316的翻译,让我有了参考. 打包下载:TinyMce中文手册

  • tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示

    下面就是我开发的过程. 首先,我的 tinyMCE版本是 Version: 3.2.7 (2009-09-22) .下载地址 http://www.jb51.net/codes/17198.htmltinyMCE插入代码,需要调用 tinyMCE的 tinyMCE.execCommand('mceInsertContent',false,value); 方法.其中参数无需改变,value 就是你要插入的内容, 比如我写了一个函数, 复制代码 代码如下: function InsertHTML(v

  • TinyMCE提交AjaxForm获取不到数据的解决方法

    本文实例分析了TinyMCE提交AjaxForm获取不到数据的解决方法.分享给大家供大家参考.具体分析如下: 在没有使用AjaxForm前,我做的一个小小的评论提交的Web form,评论内容使用了TinyMCE做文本编辑.为了增加一点点的用户体验,就顺手拿AjaxForm来实现Ajax提交.可是发现出现了一个意外的事情.就是每次提交,第一次提交时,AjaxForm会无法获得当前编辑的评论内容,即TextArea里面的内容,要再点击一次提交,才能将TextArea的内容提交上去. 关键是Tiny

  • Tinymce+jQuery.Validation使用产生的BUG

    出错位置位于jquery.metadata.js的92行左右位置: 复制代码 代码如下: else if ( elem.getAttribute != undefined ) { // 这行报错 var attr = elem.getAttribute( settings.name ); if ( attr ) data = attr; } 奇怪的是elem是textarea对象,但是竟然没有getAttribute这个方法 解决:试着修改成以下代码,竟然成功了 复制代码 代码如下: else

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

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

    在pre后 面加个换行,然后才能回到可视化界面里继续编辑博客.如果博客里要插入的代码片段很多,就会非常不爽.所以今天给它做了个小修改. 打开plugins\syntaxhl\js\dialog.js 定位到41行,找到</pre>标记.这是预格式化标签的结尾标记.所以只要在它后面插入一个段落标记,即可让光标跳出我们插入的代码片段.插件的作者在41行后加了个bug注释,所以不敢贸然写在</pre>的后面,所以我们换一行,把<p></p>拼接上. 现在我们插入代

  • Android Selector获取焦点后文本背景修改的实现代码

    1,  获取焦点后文本背景进行修改 [1] selector状态选择器(bg_check_three(存放 res - color))资源文件下,否则不起作用 [2]焦点状态下- android:state_focused="true"(获取焦点) [3]android:state_focused="true" 必须放在第一行,否则不生效 2,实现Demo  [1]实现效果: [2]实现代码 创建selector 文件 在color文件下的selector 文件内容

  • Android Studio使用Kotlin时,修改代码后运行不生效的解决方法

    问题现象 前段时间升级 Android Studio 3.1.3+ 版本后,决定尝试使用 Kotlin 做 APP 开发看看.结果却发现,修改 String 资源后,"运行",修改的内容没有生效.一开始以为只是 String 资源是这样,于是试了下 kt 文件,结果发现"运行"也不能生效. 但是先 clean 了,再"运行",却可以正常编译出来.查了好久发现是 New Module 后,Run/Debug Configurations不完整所致.

  • 解决pycharm修改代码后第一次运行不生效的问题

    解决pycharm修改代码后第一次运行不生效的问题

    问题: 用pycharm每次修改代码后第一次运行还是原来的结果,运行第二次的时候才是修改后代码的结果 解决: 每次修改代码后保存一下即可解决 补充:pycharm修改代码不影响之前的服务 如下所示: No reload勾选 以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们.如有错误或未考虑完全的地方,望不吝赐教.

  • CKEditor 附插入代码的插件

    CKEditor 附插入代码的插件

    按照惯例,先来段废话:CKEditor是新一代的FCKeditor,是一个重新开发的版本.CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站. 从官网下载ckeditor,我下载的是ckeditor_3.0.2.CKEditor与原来的FCKeditor有太大的不同了,作为开发人员,在做自己的博客的时候总是需要贴代码的,只好给它先做一个插入代码的插件了.高亮代码用的是"SyntaxHighlighter". 1.在"cked

  • FCKeditor 编辑器插入代码功能实现步骤

    功能强大得不得了,可以插入的语言包括:C/C++,XML/HTML,JavaScript,CSS,C#,Java,PHP,Python,Ruby,SQL,ASP/Visual Basic,可选择在前台显示语言名称.显示行号.是否允许折叠等功能,而且还有语法着色功能,比你想像的还要完美.而且可分为以文本域显示代码和有运行按钮的可执行方式显示.特向大家分享! 安装方法如下: 1.下载压缩包后,将文件夹insertcode拷贝到fckeditor\editor\plugins\目录下,然后修改fcke

  • linux修改root密码和linux忘记root密码后找回密码的方法

    以root身份登陆,执行: 复制代码 代码如下: # passwd 用户名 (修改密码)# useradd 用户名 (添加用户) 具体示例如下: 复制代码 代码如下: [root@bogon ~]# passwd rootChanging password for user root.New UNIX password:BAD PASSWORD: it is based on a dictionary wordRetype new UNIX password:passwd: all authen

  • 解决Hibernate JPA中insert插入数据后自动执行select last_insert_id()

    今天做项目遇到了一个问题,是以前没注意的.我用的是Spring MVC+ Hibernate JPA + MySQL数据库.在插入数据后SQL执行日志中会多出一条select语句: 复制代码 代码如下: Hibernate: insert into click_statstic (logDate, memoId, src, typeId) values (?, ?, ?, ?)Hibernate: select last_insert_id() 表中有个主键是自增列.可是在以往的项目中,没发现有

  • z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

    z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

    用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下... 解决方法: 打开shCoreDefault.css文件,找到对.syntaxhighlighter textarea的定义,在最后加上一句:word-break:break-all !important;就ok了,意思是让代码强制换行显示. 由于每个人调用的css不同,大家可以根据自己的需要修改css 测

  • 千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码

    最近做项目需要我们前端对金额进行千分位格式化(也就是说每三位用逗号隔开),代码已经做了修改  之前的版本是本人疏忽 真对不住大家了!现在已经做了修改 如果还有不完善的地方 请大家多多指教! 1. 支持用逗号隔开 0-9位 逗号隔开 JS代码如下: 复制代码 代码如下: /**         * JS格式化         * @param number 要格式化的数字         * @param d [0-9]位 逗号隔开         */ function numFormat(nu

随机推荐