Welcome Guest, Not a member yet? Register   Sign In
Need a inline editor that supports uploading images.
#1

[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
#2

[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
#3

[eluser]danmontgomery[/eluser]
tinymce and ckeditor both do this
#4

[eluser]Frank Rocco[/eluser]
Thanks, I will have a look at them.
#5

[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]
#6

[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.
#7

[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.
#8

[eluser]danmontgomery[/eluser]
Well... Your "external_image_list_url" option doesn't include base_url(), so that's possible.

Error messages? Firebug? JS console?
#9

[eluser]Frank Rocco[/eluser]
I tried this code.

Code:
external_image_list_url : "<?php echo base_url() ?>js/lists/image_list.js",
#10

[eluser]Frank Rocco[/eluser]
Firebug is showing
Code:
external_image_list_url : "http://localhost/ciadmin/js/lists/image_list.js",




Theme © iAndrew 2016 - Forum software by © MyBB