Wednesday, May 7, 2014

E5 Project: FRONT-END Editing & WYSIWYG DoNE!

One of our major projects this past episode was to upgrade your ability to edit stuff on your site, especially event and page descriptions. With better tools, you can build a better experience checking out events and all that you have to offer for your fans. And you all can have a better experience in the process.

We are modelling the new functionality after Medium's WYSIWYG editor. The basic editing tools on the front-end are super streamlined and simple. AND you can still be hardcore and use HTML for more customization.

The days of editing an event in Admin and then holding your breath in suspense as you wait for the page to open on the front end and reveal whether or not 'you got what you saw' are OVER!

The details:
  • When signed in, simply click into the event description to begin editing! No need to open the event edit page to change the description details. There will no longer be an option to edit the event details from this section, which may take a bit of getting used to. 
  • Use HTML to do more than basic customization, such as color text or image resizing. 
  • When you copy/paste into the new editor, any formatting will be stripped - this should save many of you a lot of time cleaning up transferred text. For those of you who paste text into "notepad" before dropping into our old WYSIWYG, this takes care of that. You'll hopefully never have to be told you pasted in a bunch of bad code ever again! 
  • The WYSIWYG in Admin is no more (RIP). Admin editing will be exclusively in HTML. This is a necessity because the two editors will compete with each other and break the formatting you've done on the front end.  
  • Pages are editable in a similar way, and you can build new ones directly on the front end. This is a huge change that we're really excited about. It's our first step towards making it easier to produce editorial content that lives on your DoXXX. We'd love to see the pages you start building, so send 'em our way!
  • Note - you might run into issues with event descriptions and pages that were designed using the old editor. Proceed with caution the first time you are editing so that you can get a feel for where the discrepancies may be. You'll find it either makes most sense to edit solely in HTML or that it's easiest to strip out all of the code and start editing from scratch (copy+delete+paste back in to strip formatting). 
  • All users with any level of permission on your site, including site Managers, Tastemakers and Event Editors, can use the new editing stuff.

Check it out:

*Sorry to disappoint, but the event in this video is not actually an event on Do512 occurring in Austin.

Like it? Love it? Let us know! This has been a huge push for us and something much requested, and we want your feedback to make it the best possible solution for your needs!

BONUS: We added a Ticket URL field to front-end event creation and editing so that your users and well as your team can input that information while navigating the site.

2 comments:

  1. http://do615.com/events/2014/7/26/minnesota

    Hey there! My first event listing I've done using the new front-end tool! It is taking some getting used to, but I can tell it's going to be a blast. Thanks so much and much love from the 615!

    -Jason

    ReplyDelete
    Replies
    1. Awesome to hear! Any more feedback as you start using it more, let us know!

      Delete

Thoughts to share? DO!

Wednesday, May 7, 2014

E5 Project: FRONT-END Editing & WYSIWYG DoNE!

One of our major projects this past episode was to upgrade your ability to edit stuff on your site, especially event and page descriptions. With better tools, you can build a better experience checking out events and all that you have to offer for your fans. And you all can have a better experience in the process.

We are modelling the new functionality after Medium's WYSIWYG editor. The basic editing tools on the front-end are super streamlined and simple. AND you can still be hardcore and use HTML for more customization.

The days of editing an event in Admin and then holding your breath in suspense as you wait for the page to open on the front end and reveal whether or not 'you got what you saw' are OVER!

The details:
  • When signed in, simply click into the event description to begin editing! No need to open the event edit page to change the description details. There will no longer be an option to edit the event details from this section, which may take a bit of getting used to. 
  • Use HTML to do more than basic customization, such as color text or image resizing. 
  • When you copy/paste into the new editor, any formatting will be stripped - this should save many of you a lot of time cleaning up transferred text. For those of you who paste text into "notepad" before dropping into our old WYSIWYG, this takes care of that. You'll hopefully never have to be told you pasted in a bunch of bad code ever again! 
  • The WYSIWYG in Admin is no more (RIP). Admin editing will be exclusively in HTML. This is a necessity because the two editors will compete with each other and break the formatting you've done on the front end.  
  • Pages are editable in a similar way, and you can build new ones directly on the front end. This is a huge change that we're really excited about. It's our first step towards making it easier to produce editorial content that lives on your DoXXX. We'd love to see the pages you start building, so send 'em our way!
  • Note - you might run into issues with event descriptions and pages that were designed using the old editor. Proceed with caution the first time you are editing so that you can get a feel for where the discrepancies may be. You'll find it either makes most sense to edit solely in HTML or that it's easiest to strip out all of the code and start editing from scratch (copy+delete+paste back in to strip formatting). 
  • All users with any level of permission on your site, including site Managers, Tastemakers and Event Editors, can use the new editing stuff.

Check it out:

*Sorry to disappoint, but the event in this video is not actually an event on Do512 occurring in Austin.

Like it? Love it? Let us know! This has been a huge push for us and something much requested, and we want your feedback to make it the best possible solution for your needs!

BONUS: We added a Ticket URL field to front-end event creation and editing so that your users and well as your team can input that information while navigating the site.

2 comments:

  1. http://do615.com/events/2014/7/26/minnesota

    Hey there! My first event listing I've done using the new front-end tool! It is taking some getting used to, but I can tell it's going to be a blast. Thanks so much and much love from the 615!

    -Jason

    ReplyDelete
    Replies
    1. Awesome to hear! Any more feedback as you start using it more, let us know!

      Delete

Thoughts to share? DO!