Das folgende kleine Plugin erstellt eine benutzerdefinierte Schaltfläche in Zeile 1 von WordPress TinyMCE Version 4, die in WP Version 3.9-beta2 getestet wurde.
Das Plugin hat var_dump
enthalten, um die Werte zu verstehen. Es ist auch möglich, die Schaltfläche in andere Zeilen des visuellen Editors einzufügen, nur einen anderen Haken, wie für Zeile 2:mce_buttons_2
.
Ergebnis
Plugin, PHP Seite - tinymce4-test.php
<?php
/**
* Plugin Name: TinyMCE 4 @ WP Test
* Description:
* Plugin URI:
* Version: 0.0.1
* Author: Frank Bültge
* Author URI: http://bueltge.de
* License: GPLv2
* License URI: ./assets/license.txt
* Text Domain:
* Domain Path: /languages
* Network: false
*/
add_action( 'admin_head', 'fb_add_tinymce' );
function fb_add_tinymce() {
global $typenow;
// Only on Post Type: post and page
if( ! in_array( $typenow, array( 'post', 'page' ) ) )
return ;
add_filter( 'mce_external_plugins', 'fb_add_tinymce_plugin' );
// Add to line 1 form WP TinyMCE
add_filter( 'mce_buttons', 'fb_add_tinymce_button' );
}
// Inlcude the JS for TinyMCE
function fb_add_tinymce_plugin( $plugin_array ) {
$plugin_array['fb_test'] = plugins_url( '/plugin.js', __FILE__ );
// Print all plugin JS path
var_dump( $plugin_array );
return $plugin_array;
}
// Add the button key for address via JS
function fb_add_tinymce_button( $buttons ) {
array_push( $buttons, 'fb_test_button_key' );
// Print all buttons
var_dump( $buttons );
return $buttons;
}
Skript, JavaScript Seite - plugin.js
( function() {
tinymce.PluginManager.add( 'fb_test', function( editor, url ) {
// Add a button that opens a window
editor.addButton( 'fb_test_button_key', {
text: 'FB Test Button',
icon: false,
onclick: function() {
// Open window
editor.windowManager.open( {
title: 'Example plugin',
body: [{
type: 'textbox',
name: 'title',
label: 'Title'
}],
onsubmit: function( e ) {
// Insert content when the window form is submitted
editor.insertContent( 'Title: ' + e.data.title );
}
} );
}
} );
} );
} )();
Kern
Verwenden Sie das Gist Bueltge / 9758082 als Referenz oder laden Sie es herunter. The Gist enthält außerdem weitere Beispiele für verschiedene Schaltflächen in TinyMCE.
Links
Und wenn Sie eine tatsächliche Symbolschaltfläche haben möchten, können Sie Dashicons oder Ihre eigene Symbolschrift verwenden.
Erstellen Sie eine CSS-Datei und stellen Sie sie auf der Administratorseite in die Warteschlange.
Im Grunde genommen direkt vom Kern.
quelle
Die einfache Methode zum Hinzufügen von Schaltflächen
1) FÜGEN SIE DIESEN CODE IN FUNCTIONS.PHP ODER IN PLUGIN EIN
2) Erstelle 1_button.php im Zielordner und füge diesen Code ein (beachte, ändere die URLs "wp-load" und "ButtonImage.png" !!!)
quelle