jquery - jHtmlArea に YouTube のボタンを追加する

Question

jHtmlArea のコードを変更して YouTube のボタンを追加するにはどうすればよいですか?

Answer 1

理想的には、誰かが以前にこれを行っており、ここにコードを投稿できます。まだ行っていませんが、カスタム イメージ ピッカーを作成しましたが、同様のプロセスです。

この記事をご覧ください: http://pietschsoft.com/post/2009/08/18/jHtmlArea-Adding-Custom-Toolbar-Buttons.aspx

「action: function(btn){}」では、独自の YouTube ピッカーを開くために必要なことは何でも行います。「this」変数を YT ピッカーに渡すことで、jHtmlArea にアクセスし、その pasteHtml メソッドを呼び出して、YT マークアップを htmlArea フィールドに挿入できます。$("#my_htmlarea_field").htmlarea("updateHtmlArea"); を使用して、後で htmlArea を更新する必要がある場合があります。

「openYouTubePicker」関数と「video」css クラスは、自分で作成する必要があるものです。

$('#my_htmlarea_field').htmlarea({
    toolbar: [
        ['bold', 'italic'],
        ['p', 'h1', 'h2'],
        [{
            css: "video",
            text: "YouTube video picker",
            action: function(btn)
            {
                openYouTubePicker(this);
            }
        }],
        ['html']
    ]
});