Announcement

Collapse
No announcement yet.

Online HTML5 classes and/or editors

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Online HTML5 classes and/or editors

    I have a store owner that wants/needs to use some sort of editor to create content for all the areas that can accept HTML input in the Miva admin. The extent of his knowledge is using MS Expressions, then copy and paste the entire page he has created into the field. Using the built-in Rich Text Editor is not what he wants. He wants to be able to craft his content in something then paste it into the field. The problem comes in with him not understanding HTML5 or responsive design. He uses a lot of tables (which I know are not entirely bad) but they wind up breaking the responsive design in the mobile view.

    I'm doing my best to try and provide good "clean" examples that he can copy, edit and paste back but the instance to find a new editor is still there. I'm looking for recommendations that also have good online tutorials. It would seem that time is of the essence.

    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

  • ps...it needs to have a split screen WYSIWYG display. Yes, I have tried to explain that the code that needs to be created isn't going look like what it will look like once it's pasted into the store field.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


    • If they are serious about learning, I've found the W3C Tutorials pretty good. The "try it" feature is very inspiring: https://www.w3schools.com/css/default.asp

      As for actual editors, the problem I've seen is the more advanced editors (which support external CSS so you actually see what you get) are designed for at the very least intermediate level users. The only exceptions are things like Dreamweaver which would be great except maybe for the setup hassles and cost.
      Bruce Golub
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment


      • It also seems these editors let the store owner "style" the text. Blue Griffon adds a bunch of inline styling. FYI - Dreamweaver has a bit of a learning curve, including adding the external CSS. This sort of brings us back to the need for something built-in for all the input fields (that can accept HTML) and will work with the existing CSS showing the user what the input will look like on the page. Scot used to have a module that was close but only worked with the Product fields if I recall correctly. Or something like his Preview Email Templates module.
        Leslie Kirk
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment


        • Yes. He had this niftly little module that would let you edit content from the front site of the site, but I don't think it had Wizzy abilities beyond basics. (And i don't think he still has it--too support intensive.)

          I think you are stuck with finding a 'slimmer' version of DreamWeaver with external CSS support IF possible. Sorry.

          Another reason we prefer using bootstrap. The 'simpler' CSS syntax is easier to follow. <div class="row><div class="col-sm-6"></div><div class="col-sm-6"></div></div>

          Gets you two columns including mobile (but nothing smaller than 360px)

          change sm to md and mobile uses one col, everything else 2 and so on, compared to

          "o-layout__item u-text-center x-product-layout-images u-width-12 u-width-6--l u-width-7--w" and o-layout__item x-product-layout-purchase u-width-12 u-width-6--l u-width-5--w"

          Now, not knocking the new readythemes--they do look lovely--but just pointing out that sometimes simplicity has other rewards.
          Bruce Golub
          Phosphor Media - "Your Success is our Business"

          Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
          phosphormedia.com

          Comment


          • Originally posted by Bruce - PhosphorMedia View Post

            Now, not knocking the new readythemes--they do look lovely--but just pointing out that sometimes simplicity has other rewards.
            I don't disagree with you there. Trying to teach someone the basics of the layout is almost as time-consuming as trying to explain "clean code".

            Leslie Kirk
            Miva Certified Developer
            Miva Merchant Specialist since 1997
            Previously of Webs Your Way
            (aka Leslie Nord leslienord)

            Email me: [email protected]
            www.lesliekirk.com

            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

            Comment


            • Originally posted by lesliekirk View Post

              I don't disagree with you there. Trying to teach someone the basics of the layout is almost as time-consuming as trying to explain "clean code".
              Yea, reminds me of the signs you used to see in car repair shops:

              Labor Rates:

              $30 Per Hour

              $40 If you watch

              $50 If you help

              $60 If we have to teach you.
              Bruce Golub
              Phosphor Media - "Your Success is our Business"

              Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
              phosphormedia.com

              Comment

              Working...
              X

              This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

              This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

              Accept