用快捷键实现。
编辑元素时经常遇到换行无法跳出元素要写插件用来在这些元素前后插入空行并设置焦点，可以使用快捷键Alt加w在元素上方插入空行，快捷键Alt加s在元素下方插入空行。
在初始化TinyMCE的时候，需要把代码加入到页面的HEAD标签中。
你把js文件的路径改成相对路径应该可以：
src="/js/jscripts/tiny_mce/tiny_mce.js"
没记错的话，这里的第一个/代表主机根目录
改成：
src="js/jscripts/tiny_mce/tiny_mce.js"
不行hi我
在WPS版本中的word怎样设置行间距： 1、所谓行间距是指行与行之间的距离，在wps版本中，随意的打一些文字上去。 2、拷贝之后，选中文字，鼠标右键。这时会看到“行距”的图标选项。 3、也可以点击“其他”，就会弹出如下页面。在图中根据自己需要设...
自定义tinymce的高度和宽度，首先要把theme-advanced-resizing:true,中的属性true变成false,然后就可以在tinymce中用height，width了，例
tinymce.init([
mode:"textarea",
theme:"advanced",
........
width:"500",
height:"300",
..
theme-advanced-resizing:false,
需要拦截 onsubmit 事件，然后调用编辑器的 api，将编辑器内容同步回 textarea 输入控件后再提交。
这个是编辑器本身的问题。因为大部分编辑器都会新建一个 iframe 来编辑内容，但提交到表单的实际上在 textarea 里面，所以有一个同步工作。
第一步：创建视频代码短代码函数
将下列代码放置到主题模板函数 functions.php 闭合中：
//搜狐视频
function sohu_video($atts, $content=null){
return 'centerembed flashvars="autoplay=false" width="870" height="590" wmode="Transparent" allowfullscreen="true" allownetworking="internal" allowscriptaccess="never" quality="high" src="'.$content.'skinNum=1topBar=0showRecommend=0autoplay=falseapi_key=2369879459a1dff4033fde2bb6b023e6sogouBtn=0" type="application/x-shockwave-flash"//embed/center';
}
add_shortcode('sohu','sohu_video');
第二步：TinyMCE 编辑器下如何插入视频短代码
在撰写文章时如下输入，即可插入搜狐视频，无需粘贴复制 embed 代码。(去除 * 号)
[*sohu];autoplay=falsexuid=[/sohu]
段代码部分完结。手动输入 [*sohu] [/sohu] 还是有些麻烦，下面讲解如何给 TinyMCE 编辑器添加自定义图标按钮。
TinyMCE 添加自定义图标按钮
第一步：创建按钮初始化函数
将下列代码放置到主题函数模板 functions.php 闭合中：
//创建按钮初始函数
add_action('init', 'custom_button');
function custom_button() {
//判断用户是否有编辑文章和页面的权限
if ( ! current_user_can('edit_posts') ! current_user_can('edit_pages') ) {
return;
}
//判断用户是否使用可视化编辑器
if ( get_user_option('rich_editing') == 'true' ) {
add_filter( 'mce_external_plugins', 'add_plugin' );
add_filter( 'mce_buttons', 'register_button' );
}
}
第二步：注册按钮以及它的 TinyMCE 插件
将下列代码放置到主题函数模板 functions.php 闭合中：
//注册按钮
function register_button( $buttons ) {
array_push( $buttons, "|", "youku" );//添加一个优酷视频按钮
array_push( $buttons, "|", "sohu" );//添加一个搜狐视频按钮
return $buttons;
}
//注册TinyMCE按钮插件
function add_plugin( $plugin_array ) {
$plugin_array['youku'] = get_bloginfo( 'template_url' ) . '/myeditor/youku.js';//优酷按钮的js路径
$plugin_array['sohu'] = get_bloginfo( 'template_url' ) . '/myeditor/sohu.js';//搜狐按钮的js路径
return $plugin_array;
}
第三步：完成图标按钮 TinyMCE 插件 JS 部分
在第二步中 add_plugin 函数中引入了 JS，根据路径创建好 js 文件，以 youku.js 为例说明。将下列代码保存为 youku.js, 上传到指定目录/myeditor/。(去除�0�2*�0�2号)
// Youku
(function() {
tinymce.create('tinymce.plugins.youku', {//注意这里有个 youku
init : function(ed, url) {
ed.addButton('youku', {//注意这一行有一个 youku
title : 'Youku',//图标文字说明
image : url+'/youku.png',//注意图片的路径 url是当前js的路径
onclick : function() {
ed.selection.setContent('[*youku]' + ed.selection.getContent() + '[/youku]');
}
});
},
createControl : function(n, cm) {
return null;
},
});
tinymce.PluginManager.add('youku', tinymce.plugins.youku);//注意这里有两个 youku
})();
注：上述代码调用的图标 youku.png 也放置在主题 /myeditor/ 目录（新建）
本文转载自互联网，如有侵权，联系删除
