동적 목록으로 nicedit 이미지 플러그인 채우기

나이가 들어감에 따라 업로드 폴더에서 동적 이미지 목록을 읽는 동안 드롭 다운 선택 상자가 채워지려고 시도했습니다. 업로드 스크립트가 필요하지 않습니다. 정렬되었습니다.동적 목록으로 nicedit 이미지 플러그인 채우기

또한 정렬 대신 float를 사용하면 다시 기쁨이 없습니다. 누구든지 올바른 방향으로 나를 도울 수 있습니까?

많은 감사 ;-)

<script> 
var nicImageOptions = { 
    buttons : { 
     'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']} 
    } 
    /* NICEDIT_REMOVE_START */,iconFiles : {'image' : 'image.png'}/* NICEDIT_REMOVE_END */ 
}; 
/* END CONFIG */ 

var nicImageButton = nicEditorAdvancedButton.extend({ 
    addPane : function() { 
     this.im = this.ne.selectedInstance.selElm().parentTag('IMG'); 
     this.addForm({ 
      '' : {type : 'title', txt : 'Add/Edit Image'}, 
      'src' : {type : 'select', txt : 'Align', options : { ### POPULATE DYNAMICALY FROM FOLDER USING PHP ###}}, 
      'alt' : {type : 'text', txt : 'Alt Text', style : {width: '100px'}}, 
      'CLASS' : {type : 'select', txt : 'FLOAT', options : {none : 'Default','left' : 'Left', 'right' : 'Right'}} 
     },this.im); 
    }, 

    submit : function(e) { 
     var src = this.inputs['src'].value; 
     if(src == "" || src == "http://") { 
      alert("You must enter a Image URL to insert"); 
      return false; 
     } 
     this.removePane(); 

     if(!this.im) { 
      var tmp = 'javascript:nicImTemp();'; 
      this.ne.nicCommand("insertImage",tmp); 
      this.im = this.findElm('IMG','src',tmp); 
     } 
     if(this.im) { 
      this.im.setAttributes({ 
       src : this.inputs['src'].value, 
       alt : this.inputs['alt'].value, 
       CLASS : this.inputs['CLASS'].value 
      }); 
     } 
    } 
}); 

nicEditors.registerPlugin(nicPlugin,nicImageOptions); 
</script>

############################### UPDATE

찾아가는

`<input type='button' onclick="nicEditors.findEditor('article').setContent('tester');" value='Change Text'`/>

를 사용하여 ...하지만 내 HTML과의 setContent을 채울 때 -

<input type='button' onclick="nicEditors.findEditor('article').setContent('<img src="../IMAGES/s/0za4ihOuga.jpg" class="ifn" />');" value='Change Text'/>

나는

를 얻을 수 페이지에 표시하고 이미지가 나는 이유가

출처

2014-02-27 i3ry Gee

의 jQuery _heavy_ 때 이후? – Drewness

사용 방법 ...하지만 내 HTML과의 setContent을 채울 때 - <입력 유형 = '버튼'의 onclick = "nicEditors.findEditor ('기사')의 setContent ('.'); " 값 = '텍스트 변경'/> 내가 를 얻을 수 '); "값 ='페이지와 이미지를 보여주는에 표시 텍스트 변경 '/> –

을 보여주는

');" value='Change Text'/>

/* START CONFIG */ 
var nicImageOptions = { 
    buttons : { 
     'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']} 
    } 

}; 
/* END CONFIG */ 

var nicImageButton = nicEditorAdvancedButton.extend({ 
    addPane : function() { 
     var objid = document.getElementById('contentid').value; 
     this.im = this.ne.selectedInstance.selElm().parentTag('IMG'); 
     this.addForm({ 
      '' : {type : 'title', txt : 'Add/Edit Image'}, 
      'src' : {type : 'select', txt : 'Bild', options : {none : '-'}},    
      'alt' : {type : 'text', txt : 'Alt Text', style : {width: '100px'}}, 
      'align' : {type : 'select', txt : 'Align', options : {none : 'Default','left' : 'Left', 'right' : 'Right'}} 
     },this.im); 
     this.myFrame = new bkElement('iframe').setAttributes({ width : '0px', height : '0px', frameBorder : 0, scrolling : 'no', src : 'listatt.php?id='+objid }).setStyle({border : 0}).appendTo(this.pane.pane); 
    }, 

    submit : function(e) { 

     var objid = document.getElementById('contentid').value; 
     src = "/docs/content-" + objid + "/" + this.inputs['src'].value; 


     this.removePane(); 

     if(!this.im) { 
      var tmp = 'javascript:nicImTemp();'; 
      this.ne.nicCommand("insertImage",tmp); 
      this.im = this.findElm('IMG','src',tmp); 
     } 
     if(this.im) { 
      this.im.setAttributes({ 
       src : this.inputs['src'].value, 
       alt : this.inputs['alt'].value, 
       align : this.inputs['align'].value 
      }); 
     } 
    } 
}); 

nicEditors.registerPlugin(nicPlugin,nicImageOptions);

예.

listatt.php

<body> 

<script> 

function addOption(selectbox, text, value) 
{ 
    var optn = document.createElement("option"); 
    optn.text = text; 
    optn.value = value; 
    selectbox.options.add(optn); 
} 

function addOptions(element, options) 
{ 
    //var element = getElementById(selectbox); 
    var size = options.length; 
    for (var i = 0; i < size; i++) { 
     addOption(element, options[i][0], options[i][1]); 
    } 
} 

var element = parent.document.getElementById('src'); 
var option = new Array(); 
<?php 
// here fill the array 
$atts = $app->wiki->getAttachments($_id,'wiki'); 
$i = 0; 
foreach ($atts as $att) 
{ 
    echo "option[$i] = new Object();"; 
    echo "option[$i]['0'] = '$att[name]';"; 
    echo "option[$i]['1'] = '$att[name]';"; 
    $i++; 
} 
?> 

addOptions(element,option); 

</script> 

</body>

출처

2015-11-05 22:58:08 nevtag

동적 목록으로 nicedit 이미지 플러그인 채우기

답변

관련 문제