DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.

DNN-Connect Brainstorm: WYSIWYG Editor

Sort:
You are not authorized to post a reply.





Growing Member





    This topic is a follow up on the brainstorm session held at DNN-Connect 2023. For more info, check this blog post. This thread can be used for discussions and contacting the lead for the topic, and to keep the community posted on achievements.

    Images

    Pretty much the other way around from Administration, we have images: few post-its, but more green dots and we even have two leads:

    Marnix Bouwman volunteered to take the lead for:

    • Better WYSIWYG editor

    Count me in on this one, Marnix.






    New Around Here





      Well.....here I am.
      So the main idea is to first collect ideas, improvements etc. so we can come up with a set of requirements for the editor.

      To get started here is some input.
      So, the editor DNN is using right now is basically the CKEditor with some modifications, so that it can be used in DNN.
      So I think we can go two ways:
      1) keep using the CKEditor, and improve it (newer version?), and see if we can add more or less plugins and/or additions
      2) see if we can use/add a different editor, like for example the TinyMCE editor (see 2sxc for example). So next to the existing CKEditor, you can also choose for another (or perhaps more?) editors.

      So if we know this, we should be looking at what are the main points we can improve on. So for example:
      - a good image editor (scaling, cropping etc.) built in
      - more plugins? which ones?
      - better / clearer settings, since the current editor has about 1 million settings which seems 'kind of excessive', or perhaps better documentation
      - better default settings (what should they be?, basic toolbar, admin toolbar, etc.)
      - better integration with DNN, like using the theme CSS, etc.(where/what?)
       






      Growing Member





        Hi Marnix,

        We've been caught up by the reality of CKEditor going end of life. So, there will be a need of a new editor anyway, and your input will definitely be valuable there too.

        Mitch created a github issue for it.

        Hope you can share your input there too.






        Advanced Member





          End of life?
          CKEditor or the version of CKEditor we use in DNN?





          Advanced Member





            I think it will be nice to have an option where you can specify which options from the ditor you use more frequently [like a favorites option] and display those options in order to clear out a little bit the display with 30 buttons that you're not going to use everytime. Those are my two cents.

            Ing. Marco Alvarado Gómez MSc | Globalode
            Phone. +506 6049-1880 | WhatsApp. +506 6049-1880 | Email. [email protected]
            Address. Costa Rica (A Pura Vida place!).





            Senior Member





              When there were many viable WYSIYYG editors available that can be used in open-source projects like DNN, this was indeed the case.  We had 2-3 built-in, but most people ended up using whatever the default was.  Only power users like yourself tended to switch the editor.  🤷🏽‍♂️  (That, and by client requirements, of course.)  






              Veteran Member





                As an FYI, DNN Connect is going to organise a community Zoom meeting on this subject in the coming weeks (mid Feb, probably a Wednesday).
                Please keep an eye (subscribe to) this forum for the exact dates and details.






                Advanced Member





                  I have been using Jodit https://xdsoft.net/jodit/ in my own custom modules myself and monaco for code (html) direct edit. It would not be too hard to wrap both into a WebComponent in dnn-elements and then create a DNN module around it.

                  It is in my big list of open-source things I want to do at some point.





                  Veteran Member






                    Posted By Daniel Valadas on 1/30/2024 1:05 PM
                    I have been using Jodit https://xdsoft.net/jodit/ in my own custom modules myself and monaco for code (html) direct edit. It would not be too hard to wrap both into a WebComponent in dnn-elements and then create a DNN module around it.

                    It is in my big list of open-source things I want to do at some point.


                    As a reminder, monaco is already in dnn-elements. ;-)

                    David Poindexter


                    Creator:







                    Advanced Member





                      Posted By David Poindexter on 1/30/2024 1:11 PM

                      Posted By Daniel Valadas on 1/30/2024 1:05 PM
                      I have been using Jodit https://xdsoft.net/jodit/ in my own custom modules myself and monaco for code (html) direct edit. It would not be too hard to wrap both into a WebComponent in dnn-elements and then create a DNN module around it.

                      It is in my big list of open-source things I want to do at some point.


                      As a reminder, monaco is already in dnn-elements. ;-)

                      And an image dropzone witch allows cropping/resizing in the browser before any upload :) Can even be configured to enforce a certain aspect ratio.

                       

                       

                      You are not authorized to post a reply.

                      These Forums are dedicated to the discussion of DNN Platform.

                      For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

                      1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy
                      2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
                      3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
                      4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
                      5. No Flaming or Trolling.
                      6. No Profanity, Racism, or Prejudice.
                      7. Site Moderators have the final word on approving / removing a thread or post or comment.
                      8. English language posting only, please.

                      Would you like to help us?

                      Awesome! Simply post in the forums using the link below and we'll get you started.

                      Get Involved