1.wordpress文章编辑必备插件有哪些

许多wordpress站长特别是新手站长，会纠结适用哪个编辑器的问题，于是就在网络上众多编辑器种类中做出选择，其实选哪一种编辑器就看你的目的是什么了。

如果你熟悉php代码，就直接用wordpress自带的编辑器即可（增强方法下面会有描述），这样还可以减少众多插件给服务器带来的负担；如果你是新手而且就是想省事，可以选择以下3种常用编辑器，也是编辑器中做的比较好的。一、wordpress编辑器增强方法是将以下代码复制到你的主题目录下的function.php中即可。

function add_editor_buttons($buttons) {$buttons[] = 'fontselect';$buttons[] = 'fontsizeselect';$buttons[] = 'cleanup';$buttons[] = 'styleselect';$buttons[] = 'hr';$buttons[] = 'del';$buttons[] = 'sub';$buttons[] = 'sup';$buttons[] = 'copy';$buttons[] = 'paste';$buttons[] = 'cut';$buttons[] = 'undo';$buttons[] = 'image';$buttons[] = 'anchor';$buttons[] = 'backcolor';$buttons[] = 'wp_page';$buttons[] = 'charmap';return $buttons;}add_filter(“mce_buttons_3”, “add_editor_buttons”)；二、常用wordpress编辑器插件一：UEditor。该插件是百度所开发，其功能非常强大，拥有一切编辑器的功能外，还可以添加php、java、javascript、html、css……等多种语言代码而且高亮显示，另外，它还可以将文章中的远程链接的图片下载到本地，减少因为图床的图片链接失效导致无法浏览网站图片。

三、常用wordpress编辑器插件二：CKEditor for WordPress。该插件有2种皮肤，外观清新，而且可以直接在wordpress后台快速安装。

四、常用wordpress编辑器插件三：Kindeditor For WordPress。该插件样式跟FCK编辑器比较相似，功能强大，也可以添加多种语言代码并高亮显示，和百度的UEditor不同的是，远程链接图片不需要下载到本地，以节省空间。

缺点：该插件编辑器的html模式和wordpress原始编辑器不兼容，当在html模式中输入代码（style=”display:none；”）时来回切换视图/代码模式，这句代码会消失。注意事项：以上4种方法丰富你的wordpress编辑器已经绰绰有余，不需要再纠结其他编辑器。

如果你的php、wordpress代码水平达到一定层次，就算不能做一个编辑器，你也是可以修改其样式的，Good Luck！如需安装插件，只需到插件功能出搜索插件名称，直接安装即可！文章详情：。

2.如何解决wordpress编辑器插件内容 变成源码

1、首先，wordpress编辑器增强方法是将以下代码复制到你的主题目录下的function.php中即可。

function add_editor_buttons($buttons) {$buttons[] = 'fontselect';$buttons[] = 'fontsizeselect';$buttons[] = 'cleanup';$buttons[] = 'styleselect';$buttons[] = 'hr';$buttons[] = 'del';$buttons[] = 'sub';$buttons[] = 'sup';$buttons[] = 'copy';$buttons[] = 'paste';$buttons[] = 'cut';$buttons[] = 'undo';$buttons[] = 'image';$buttons[] = 'anchor';$buttons[] = 'backcolor';$buttons[] = 'wp_page';$buttons[] = 'charmap';return $buttons;}add_filter("mce_buttons_3", "add_editor_buttons");2、常用wordpress编辑器插件一：UEditor。该插件是百度所开发，其功能非常强大，拥有一切编辑器的功能外，还可以添加php、java、javascript、html、css……等多种语言代码而且高亮显示，另外，它还可以将文章中的远程链接的图片下载到本地，减少因为图床的图片链接失效导致无法浏览网站图片。

3、常用wordpress编辑器插件二：CKEditor for WordPress。该插件有2种皮肤，外观清新，而且可以直接在wordpress后台快速安装。

4、常用wordpress编辑器插件三：Kindeditor For Wordpress。该插件样式跟FCK编辑器比较相似，功能强大，也可以添加多种语言代码并高亮显示，和百度的UEditor不同的是，远程链接图片不需要下载到本地，以节省空间。

缺点：该插件编辑器的html模式和wordpress原始编辑器不兼容，当在html模式中输入代码（style="display:none；"）时来回切换视图/代码模式，这句代码会消失。

3.如何给WordPress可视化编辑器添加更多按钮

在上图中，我们可以看到，我们给wordpress文章编辑器添加了2个百度广告按钮，我们只需要发表文章时，在需要显示广告的地方点击一下这个百度按钮，就会在那里添加短代码 ，而不需要再像以前一样要一个一个地输入字符了。

这种效果只需2部就可以实现。1、将下面的代码放到主题的functions.php文件中：function baidu_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' );}}add_action('init', 'baidu_button');function register_button( $buttons ) {array_push( $buttons, “|”, “baidu1″ )； //添加 一个baidu1 按钮array_push( $buttons, “|”, “baidu2″ )； //添加 一个baidu2 按钮return $buttons;}function add_plugin( $plugin_array ) {//baidu2按钮的js路径$plugin_array['baidu1′] = get_bloginfo( 'template_url' ) . '/js/baidu1.js';//baidu2按钮的js路径$plugin_array['baidu2′] = get_bloginfo( 'template_url' ) . '/js/baidu2.js';return $plugin_array；}上面的代码，我们添加了2个百度按钮。

效果如上图。2、在主题文件夹的js文件夹里添加baidu1.js和baidu2.js2个JS文件，在这2个js文件中分别添加如下代码：baidu1.js文件/*给wordpress编辑器添加自定义按钮*/（function() {tinymce.create('tinymce.plugins.baidu1′， { //注意这里有个baidu1init : function(ed, url) {ed.addButton('baidu1′， { //注意这一行有一个baidu1title ： '百度广告-1′，image : url+'/baidu.jpg'， //注意图片的路径 url是当前js的路径onclick : function() {ed.selection.setContent（'【baidu1】'）；}}）；}，createControl : function(n, cm) {return null;},});tinymce.PluginManager.add('baidu1′， tinymce.plugins.baidu1);})();baidu2.js文件/*给wordpress编辑器添加自定义按钮*/（function() {tinymce.create('tinymce.plugins.baidu2′， { //注意这里有个baidu1init : function(ed, url) {ed.addButton('baidu2′， { //注意这一行有一个baidu1title ： '百度广告-2′，image : url+'/baidu.jpg'， //注意图片的路径 url是当前js的路径onclick : function() {ed.selection.setContent（'【baidu2】'）；}}）；}，createControl : function(n, cm) {return null;},});tinymce.PluginManager.add('baidu2′， tinymce.plugins.baidu2)；}）（)；然后在这个js文件夹里添加一个百度图标，图片名称为baidu.jpg ，这样就可以了。

注：需要把js代码中的【baidu】各【baidu2】这2个中文中括号修改成英文的中括号。否则会出错哦。

这里没有添加百度广告代码，这个在前面的章节中已经介绍过如何添加，所以这里就不多说了。

转载请注明出处51数据库 » wordpressjs代码编辑器插件