如何让TinyMCE Advanced编辑器去除换行增加的P标签并获取内容值
2016-07-21 02:44
429 查看
var value =tinyMCE.get("editor1").getContent();
get("这里是textarea的ID")
博主在使用WP的插件TinyMCE Advanced进行编辑时,发现使用回车后会增加P标签,这样会让段落行间距变的很大,让有美观强迫症的博主无法忍受。那么如何变成原本的<br
/>标签呢?原来搜索出force_p_newlines : false参数可以关闭自动添加P标签,但实际测试没什么变化,查询了一下源码发现带‘p’的就forced_root_block这个属性,替换为空 后,换行就没有P标签了。百度来有这篇文章:tinyMCE编辑器去除换行增加的P标签 , 作者给出了这样的解决方案:
如果是自己开发的应用程序,可以直接在模版里面填写这样的初始化定义就OK了,但是针对Wordpress插件来说,只能祭出functions.php钩子大法了。
另外推荐看一篇博文:WordPress 3.9 TinyMCE定制方法 这里对TinyMCE的钩子方法讲的很详细,推荐一看。
看效果
大功告成,收工!
get("这里是textarea的ID")
博主在使用WP的插件TinyMCE Advanced进行编辑时,发现使用回车后会增加P标签,这样会让段落行间距变的很大,让有美观强迫症的博主无法忍受。那么如何变成原本的<br
/>标签呢?原来搜索出force_p_newlines : false参数可以关闭自动添加P标签,但实际测试没什么变化,查询了一下源码发现带‘p’的就forced_root_block这个属性,替换为空 后,换行就没有P标签了。百度来有这篇文章:tinyMCE编辑器去除换行增加的P标签 , 作者给出了这样的解决方案:
123456 | tinyMCE.init({ width:200, forced_root_block:'' mode : "textareas", theme_advanced_buttons1 : "hr,image", }); |
1 2 3 4 5 6 | //替换编辑器中回车添加的P标签 function replace_p_to_br($initArray){ $initArray['forced_root_block'] = ""; return $initArray; } add_filter('tiny_mce_before_init', 'replace_p_to_br'); |
看效果
大功告成,收工!
相关文章推荐
- LA 4126 Password Suspects
- Ubuntu 16.04 Steam
- ORACLE PL/SQL 实例精解之第五章 条件控制:CASE语句
- js的隐式转换问题
- C之文件读写
- 375. Guess Number Higher or Lower II
- Ros学习注意点
- CAAnimation 类
- sqlite no such table
- Zendframework application 引导过程
- 占坑[概率dp] poj 2096 Collecting Bugs
- [React Native] Up and Running
- ECMAScript中的真值和假值
- 2016年7月21日
- 贰:Modbus常用功能码协议详解
- swift中使用OC的方法;在OC中调用swift方法
- BZOJ3868 : The only survival
- Maya 脚本控制物体自转
- ACM-线段树
- 浏览器事件之鼠标事件