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']
    ]
});