2013-03-30 1 views
0

Я использую NicEditor в тестовом приложении, поэтому у меня возникла идея поместить кнопку, чтобы добавить видео из трубки, но не работает, пока я не нашел примеры даже в пример сайта niceditor, это и cogido добавить кнопку, но не отображаются на панели niceditor кнопкуКак добавить кнопку в NicEditor

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); 

ответ

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>