I'm having a little problem...

I'm using Niceditor (or TinyMCE)with NanoCMS and I want to be able to define within Niceditor (or TinyMCE) the image path url/folder for the location of the images to insert into a page. Confused? Let me explain some more...

I want to be able to just write filename.jpg into Niceditor (or TinyMCE)'s image url box and the image will appear. No matter which folder the images are uploaded to I only want to have to type in filename.jpg .

So therefore I want to be able to define within Niceditor (or TinyMCE) where it needs to look and define the path (whether that be in the root directory, or a sub/sub/sub directory or even a another domain all together!

Thanks heaps for any and all help.

Pete

I want to stress I only want to have to type in filename.jpg and not images/filename.jpg in the url box.

Pete - NicEdit:

Open nicEdit.js in a plain text editor.

Look for this lines:

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

};

var nicImageButton=nicEditorAdvancedButton.extend({addPane:function()
{this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm(
{"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",
value:"http://",style:

Change

src:{type:"text",txt:"URL",value:"http://",style:

in:

src:{type:"text",txt:"URL", value:"",style:

I tried it and it worked.

In TinyMCE you will get crazy searching for this function....

Wolfram

not working for me? All my images are in www.xyz.com/nanocms/images...
here's my code...

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

};

var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="images/"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}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);


but then the words nanocms/images/ appears in the text box and i don't want that.

It's quite easy Pete, find:

var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="http://"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}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);

Change it to this, replacing /images/uploads/ with the folder path from the root of your webserver that your images are stored in:

var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}if(this.im){this.im.setAttributes({src:"/images/uploads/" + this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);

Thanks Chris - I had to put in the whole http://www.mysite/sub/sub for it to pick the image up, but it worked a treat.

@Bob, curse those fast young kids!

Can anyone help me on this problem?