web-dev-qa-db-ja.com

プラグインなしでエディタにテーブルボタンを追加

私は "tablecontrol" tyエディタを追加したいです。これが私が試したことです。

function my_mce_buttons_1($buttons) {   

    $buttons[] = 'superscript';
    $buttons[] = 'subscript';
    $buttons[] = 'tablecontrols';

    return $buttons;
}
add_filter('mce_buttons_3', 'my_mce_buttons_3');

これは動作しません。任意の助けは大歓迎です。

ラース

tinymceeditorvisual-editor
1
user998163

私はTinyMCEで広告のためにこのカスタムボタンを使います、私はこれを追加/開発するためにJavaScriptコードを使います

このコードを見てください。

    jQuery(document).ready(function ($) {
        tinymce.create('tinymce.plugins.wpse72394_plugin', {
          init: function (ed, url) {
            // Register command for when button is clicked
            ed.addCommand('wpse72394_insert_shortcode', function () {
                selected = tinyMCE.activeEditor.selection.getContent();

                if (selected) {
                    //If text is selected when button is clicked
                    //Wrap shortcode around it.
                    content = '[google-ad]' + selected + '[/google-ad]';
                } else {
                    content = '[google-ad]';
                }

                tinymce.execCommand('mceInsertContent', false, content);
            });

            // Register buttons - trigger above command when clicked
            ed.addButton('wpse72394_button', {
                title: 'Insert google ad code',
                cmd: 'wpse72394_insert_shortcode',
                image: url + '/img/mobile_ads-32.png'
            });
        },
    });

    // Register our TinyMCE plugin
    // first parameter is the button ID1
    // second parameter must match the first parameter of the tinymce.create() function above
    tinymce.PluginManager.add('wpse72394_button', tinymce.plugins.wpse72394_plugin);
 });

function.php内のTinyMCEエディタ用のphpショートコードレジスタ：

function google_ads( $atts, $content = null  ) {

    ob_start();

    .....

    return ob_get_clean();
}
add_shortcode( 'google-ad', 'google_ads' );

税関ボタンの追加に関する文書をエディタで読む必要があります。

https://codex.wordpress.org/TinyMCE_Custom_Buttons

そしてまたこの記事を読んでください：

http://code.tutsplus.com/tutorials/guide-to-creating-your-own-wordpress-editor-ボタン--wp-30182

2
Qaisar irfan