2010-12-10 8 views
4

WordPressのTinyMCEにmailtoボタンを追加する必要があります。誰か既にこれをしていますか?それについてどうやって行くかについてのトップは?TinyMCEにmailtoボタンを追加するには

+2

「mailto」ボタンは正確に何をしますか? –

+0

私は、テキストを 'mailto:'リンクに変換するボタンを意味すると思いますか? – TheDeadMedic

+0

私は誰かのメールアドレスにエディタのコンテンツ全体を送信したいと思いますか? – Thariama

答えて

6

これをWordPressに入れたいと思えば、現在選択されているテキストのhref = "mailto:"タイプタグをドキュメントに挿入したいと思っています。

最も簡単な方法は、基本的なプラグインを作成することです。これは、tinyMCEが初期化されたのと同じページで行うことができます。以下の例は、現在選択されているテキストを静的なmailtoで囲みます。

tinymce.create('tinymce.plugins.MailToPlugin', { 

    init : function(ed, url) { 
    ed.addCommand('mceMailTo', function() { 
    var linkText = ed.selection.getContent({format : 'text'}); 
    var newText = "<a href='mailto:[email protected]?subject=testing'>" + linkText + "</a>" 
    ed.execCommand('mceInsertContent', false, newText); 
    }); 

    // Register example button 
    ed.addButton('mailto', { 
    title : 'MailTo', 
    cmd : 'mceMailTo', 
    image : url + '/images/mailto.gif' 
    }); 
    } 
}); 

// Register plugin with a short name 
tinymce.PluginManager.add('mailto', tinymce.plugins.MailToPlugin); 

もちろん、ツールバーボタンの画像(mailto.gif)を作成する必要があります。

あなたは、単にあなたのプラグインのリスト

plugins: '-mailto' 

に以下を追加して、ツールバーののmailtoを置きます。

もちろん、エンドユーザーが電子メールアドレスと件名を指定できるようにするには、ダイアログが必要です。 TinyMCEサイトでプラグインを作成する方法の良い例がありますCreating a Plugin

残念ながら、これらのいずれかをWordPressでどうやって行うのかについてはコメントできませんが、WordPressのtinyMCEのバージョンをカスタマイズする必要があると思われますプラグイン。

+0

それは素晴らしいです!治療をしなさい。 –

+0

+1の実例です。こんにちは、ブレット、ここにお会いできてうれしいです:) – Thariama

+0

バージョンは違う= [..私は2010年を参照して、今は2017すべて異なって...比較http://fiddle.tinymce.comを試してくださいバージョン – KingRider

2

WordPress my tutorialで作成したクラスを使用して、クラスをインスタンス化してJavaScriptファイルを呼び出すことができます。少なくとも、あなたのプラグインにプラグインを追加することについての言及に関して。

乾杯すべての

0

まず、あなたはTinyMCEを高度なプラグインがインストールされていることを確認してください。次に、tinyMceエディタのInsert/Editリンクボタンを使用するだけです。別のボタンは必要ありません。リンク先URLにこれを追加する

mailto:[email protected] 
関連する問題