0

我在测试应用程序中使用 NicEditor，所以我想到了放置一个按钮来从你的管中添加视频，但是直到我在示例站点 niceeditor 中找到示例之前都不起作用，这个和那个 cogido 添加按钮但未出现在按钮栏上 niceeditor

var nicCodeOptions = {
buttons : {
    'xhtml': { name: 'Edit HTML', type: 'nicCodeButton' },
    'youTube' : {name : 'YouTube', type : 'nicYouTubeButton'}
},
iconFiles: {
    'youTube': '/nicedit/youtube.gif'
}
};

var nicYouTubeButton = nicEditorAdvancedButton.extend({
width: '350px',

addPane: function () {
    this.addForm({
        '': { type: 'title', txt: 'YouTube Url' },
        'youTubeUrl': { type: 'text', txt: 'URL', value: 'http://', style: { width: '150px'} },
        'height': { type: 'text', txt: 'Height', value: '560', style: { width: '150px'} },
        'width': { type: 'text', txt: 'Width', value: '315', style: { width: '150px'} }
    });
},

submit: function (e) {
    var code = this.inputs['youTubeUrl'].value;
    var width = this.inputs['height'].value;
    var height = this.inputs['width'].value;

    if (code.indexOf('watch?v=') > 0) {
        code = code.replace('watch?v=','embed/');
    }

    var youTubeCode = '<iframe width="' + width + '" height="' + height + '" src="' + code + '" frameborder="0" allowfullscreen></iframe>';

    this.removePane();
    this.ne.nicCommand('insertHTML', youTubeCode);
}
});
nicEditors.registerPlugin(nicPlugin,nicYouTubeOptions);
4

1 回答 1

0

您是将此插件脚本添加到 nicedit 脚本还是添加到您的页面？ 我遇到了这个问题，这就是我解决它的方法：

确保'youTube': '/nicedit/youtube.gif' 与您的页面相关而不是脚本相关，并删除第一个正斜杠“youTube”：'nicedit/youtube.gif'这完全取决于您是在页面上还是在 Nicedit.js 脚本中使用插件。

这就是我将代码添加到页面的方式（我发现您执行此操作的顺序很重要）

<script> Nicedit.js </script>
<script> YOUR PLUGIN CODE (above)</script>
###CONFIG ###
<script>
bkLib.onDomLoaded(function() {
new nicEditor({buttonList : ['youTube','bold','italic','underline','strikeThrough','fontSize','fontFormat','left','center','right','justify','ol','ul','removeformat','indent','outdent','hr']}).panelInstance('article');
});
</script>
于 2014-03-03T14:25:35.470 回答