+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Development & Programming (https://forum.codeigniter.com/forumdisplay.php?fid=23)
+--- Thread: Need a inline editor that supports uploading images. (/showthread.php?tid=40112)
Pages:
1
2
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
Hello,
I need to add an editor over my textarea field that allows the user to upload images to insert. Something that works well with CI.
Thanks
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]InsiteFX[/eluser]
Here is one of the ones on the internet but it is not FREE!
I use it and love it! They also have a inline version now.
In comes with it's own asset manager!
InnovaStudio WYSIWYG Editor
InsiteFX
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]danmontgomery[/eluser]
tinymce and ckeditor both do this
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
Thanks, I will have a look at them.
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
Cannot get tiny to upload images.
here is my code.
Code:
[removed]
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Skin options
skin : "o2k7",
skin_variant : "silver",
// Example content CSS (should be your site CSS)
content_css : "<?php echo base_url() ?>content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "<?php echo base_url() ?>js/lists/template_list.js",
external_link_list_url : "<?php echo base_url() ?>js/lists/link_list.js",
external_image_list_url : "js/lists/image_list.js",
media_external_list_url : "<?php echo base_url() ?>js/lists/media_list.js",
});
[removed]Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]danmontgomery[/eluser]
You're going to have to be a little more specific, this isn't a TinyMCE forum and we're not mind readers.
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
When I load the editor in my edit_form.php page, I have an option to select an image to insert.
However, there is no option on the image popup to allow me to upload an image to insert.
On the Tinymce website, the examples show this option.
However when I use their code, it does not work.
I am assuming it cannot find the .js files.
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]danmontgomery[/eluser]
Well... Your "external_image_list_url" option doesn't include base_url(), so that's possible.
Error messages? Firebug? JS console?
Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
I tried this code.
Code:
external_image_list_url : "<?php echo base_url() ?>js/lists/image_list.js",Need a inline editor that supports uploading images. - El Forum - 03-30-2011
[eluser]Frank Rocco[/eluser]
Firebug is showing
Code:
external_image_list_url : "http://localhost/ciadmin/js/lists/image_list.js",