您的位置:首页 > 其它

如何让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标签 , 作者给出了这样的解决方案:

123456tinyMCE.init({ width:200, forced_root_block:'' mode : "textareas", theme_advanced_buttons1 : "hr,image", });
如果是自己开发的应用程序,可以直接在模版里面填写这样的初始化定义就OK了,但是针对Wordpress插件来说,只能祭出functions.php钩子大法了。

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');

另外推荐看一篇博文:WordPress 3.9 TinyMCE定制方法   这里对TinyMCE的钩子方法讲的很详细,推荐一看。

看效果



大功告成,收工!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: