We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 26192
    • 91 Posts
    Hi! I’ve installed CkEditor and it works!

    How I’d like to find a solution for allow "non expert" users to create page with images and text!

    In "Resources"/"Web" I’ve create an images folder

    Users can upload images in this folder

    Using "image" button in RichTextEdit I can select image.... but in the source I show:
    <p><img alt="" src="immagini/evidenza.png" /></p> (only in source mode)

    Can you help me to find a solution that allows users to insert/show/manage using RichTextEditor?


    Thanks
      • 26192
      • 91 Posts
      I can’t know how to resolve this problem :-((
        • 26192
        • 91 Posts
        There is a solution for easly allow users to insert images in pages?
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          1. Use the Rich Text Editor; it has an Insert Image button in its toolbar.

          2. Use a TV with the image input type, and place the TV tags where you want the image to be displayed.

          Which method would be better depends on where exactly you want the image inserted.
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 26192
            • 91 Posts
            Thanks for you reply!

            Suppose that I need to allow not expert users to insert content with images...

            - OK a user can select the image button (on CkEditor) for select image.... and now??
            - A not expert user can’t create TV for each image that needs to insert


            there is an easy solution for do this?


            Thanks
              • 26192
              • 91 Posts
              There aren’t solutions for this problem??

              I need a solution that allow not expert users to add images in site content
                • 28215
                • 4,149 Posts
                Sarah, sottwell gave you 2 options. Neither require "expert" knowledge.

                CKEditor has an insert image button. You can use that.
                  shaun mccormick | bigcommerce mgr of software engineering, former modx co-architect | github | splittingred.com
                  • 26192
                  • 91 Posts
                  Off course, but as I’ve written in my fist post


                  ...

                  Using "image" button in RichTextEdit I can select image.... but in the source I show:
                  <p><img alt="" src="immagini/evidenza.png" /></p> (only in source mode)


                  I can’t view image in "not source mode" of the Rich Text Editor
                    • 23299
                    • 1,161 Posts
                    Sounds like you are there then. Once you use the add image button in the RTE you will be allowed to follow the path to the folder on your computer that contains the image(s) you wish to add. You then save the page. Then preview the actual site page in your web browser. You may have to refresh the page to display the image(s) you uploaded.

                    Once you have this uploading system working you can customize the presentation of the images within your content area with CSS. For example you could create three CSS classes called imageCenter, imageLeft and imageRight. I do this all the time. I make the width of the imageCenter class be the same width as the container box (padding inlcuded.) I then make the imageLeft and imageRight widths smaller but add the float class (left and right) with custom padding. I then add these three classes to the Add CSS Selectors option which can be found at Manager>>Tools>>Configuration>>Interface & Features. This works great for allowing your users to add images that float with text copy nicely. They can pick from the three options when adding images.

                    The main other option is using the add image TV function from your Add Template Variables pane. This option can also be styled with CSS. I like this option for sideBar content etc. This has already been mentioned by Susan...
                      • 26192
                      • 91 Posts
                      Thanks for detailed informations!!!

                      I’ve only this problem: when I’ve selected the image to view I can’t view the image in RTE?? (I show only the image TAG on "source" mode) but not in "not source mode" of the RTE!

                      Note that in webpage it’s OK! users can show image... my problem is only in admin area, when I create the content using RTE ... here I can’t view image in the RTE area

                      Thanks