在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.htmlarea（“updateHtmlArea”）;

它可能看起来像这样，“openYouTubePicker”函数和“视频”css类是你需要自己创建的东西：

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