Show HN: Your online WYSIWYG editor is broken

by wmwong • 14 years ago

55 59 14 years ago

wmwong12• 14 years ago

Online WYSIWYG editors have frustrated us for a long time. We were fed up so we decided to scratch our own itch and build one from the bottom up. We talked to over two dozen developers to weed out the top problems and then implemented a solution. The result is SnapEditor.

We’re still in beta but we believe we’re stable enough to release a version out into the wild. It’s better to release early and be embarrassed right? Please let us know what you think.

swah2• 14 years ago

Congrats on the launch! Your product looks like the Aloha editor - how are you guys different from them?

wmwong12• 14 years ago

Aloha is purely an in-place editor. However, there are times when you need an editor in a form. You either have to fudge it, or use two different editors. SnapEditor provides both, an in-place and form-based editor.

Aloha is currently sitting at over 1mb. I know that there are talks about cutting down the size, but SnapEditor is already small, coming in at around 180kb.

We have the utmost respect for the Aloha guys for making an open source editor, but it is still quite buggy. SnapEditor concentrates on providing a predictable experience with clean HTML. We built it from scratch to do this right.

tzaman• 14 years ago

Guys, congratz, this is one of the rare gems on it's way to become a classic.

ovi256• 14 years ago

Yes, it seems to be, the request is timing out. The one you posted, that is.

Best of luck with fixing it, though.

Edit: it finally seems to load, but slowly.

wmwong12• 14 years ago

Thanks for the heads up. We're going to scale up.

boonez123• 14 years ago

Nice job guys! This is amazing!

thesunny17• 14 years ago

Thanks for the compliment.

richf2• 14 years ago

This looks pretty impressive. I think the cost is too much, even if it is a one-time cost.

Do you have any paying customers yet?

thesunny17• 14 years ago

Hi RichF,

You're right in that it isn't cheap compared to an open source editor that you can get for free. It is cheaper than other paid competitors though and we believe it is superior in many important ways. For example, it's the only one that can do both In-Place and Form based editing. It also cleans the HTML very well: Try pasting in from Google Docs, or Word, or any random HTML page (I like using Slashdot because it's a mess of nested tags). We also fix a bunch of issues to do with browser differences. I think you will also like our roadmap which includes many more features not available anywhere else. We have experience implementing many of the things in the roadmap already so they will be coming.

If you are looking for low cost, there are a lot of alternatives. One of the goals with SnapEditor is actually to make it for people who are willing to pay for their editor. This obviously benefits us (since we want to make profit) but we believe the needs of people who are willing to pay will be different from people who are not.

richf2• 14 years ago

I wish you the best, like I said it looks fantastic. You can definitely tell that's there's quality and substance behind the product.

egypturnash• 14 years ago

So I'm sitting here browsing HN with my iPad, as I often do in the morning. I click on one of the editable areas. Controls pop up, the rest of the screen dims, cool.

But how do I leave editing mode? I am betting hitting ESC would do it - but tablet and phone keyboards don't have that key.

thesunny17• 14 years ago

Hi Egypturnash,

Currently SnapEditor does not support the iPad yet though it will be there before production. We actually tried it out on Friday (when we officially launched the Beta site) and everything worked except for exiting the edit mode. We haven't run our unit tests on the iPad yet though. It will probably be very little work to get it to work on the iPad.

We also found that it seems to work on Android just fine though we haven't run our unit tests on either.

Finally, we will also be having support for Opera later. Currently it doesn't run at all on Opera but we have experience with making WYWISYWG editors for Opera so it should not be too difficult.

TheSunny

scottward• 14 years ago

Most editors drive me crazy. Especially when the bullets get all messed up. SnapEditor looks great.

Why limit the licenses by developer though? By domain makes more sense to me.

thesunny17• 14 years ago

Thanks for the comments Scott,

Yeah, we wrote special code to fix cut and pasting of bullets in some browsers like Chrome; however, recent versions of Chrome seem to fix this so we removed that code. We'd like to take credit for being the only WYSIWYG editors that fixes the cut/paste bullet problem but WebKit seems to have fixed that for all editors now.

We do the pricing by developer to differentiate between small websites (with 1 or 2 developers) from companies that are building SAAS apps with perhaps a dozen or more developers.

TheSunny

sdizier• 14 years ago

Wow, great job guys!! Looks fantastic and feels very impressive. Very slick.

thesunny17• 14 years ago

Thanks Sdizier

smd4• 14 years ago

This seems pretty great. How difficult would it be to integrate into Mediawiki?

wmwong12• 14 years ago

It shouldn't be too difficult. We have discussed creating plugins into things like MediaWiki, but that will be later on down the road. Lot's more to come.

sontek• 14 years ago

I'm currently using http://aloha-editor.org/ and would consider moving to this one but it doesn't provide anything on top of what aloha does except it costs money and aloha doesn't.

I will checkout the Charitable license but would prefer something open source so I could give back :)

wmwong12• 14 years ago

SnapEditor is much smaller than Aloha. Aloha is over 1mb in size. SnapEditor sits at around 180kb. This will affect page loading times.

Aloha provides only in-place editing. SnapEditor provides both in-place and form-based editing.

We really respect the guys over at Aloha for producing an open source editor, but it is still quite buggy. SnapEditor concentrates on giving a predictable experience.

JFitzDela2• 14 years ago

Definitely looks fantastic (assuming, of course, everything works as roadmapped).

Gotta say that the price is a bit of a turnoff (can't see paying double my yearly server cost for a text editor...), but I know you guys need to make money, so I can only say, "best of luck!"

I think you'd see a lot more traction with a much lower itch point (I'd pay $99 for the unlimited license, for instance). And what's with the users and developers thing? I'm not even sure how you'd track it, assuming it's a non-hosted script, and even then I can't see a justification for jacking the price up. Again, I know you need to make money, but c'mon....

Just my thoughts. The product itself looks fantastic. Just hope I can afford it....

thesunny17• 14 years ago

Hi JFitzDela,

Thanks for the comment and specifically for telling us what you would pay. I think that is the third comment on pricing so we will continue to evaluate.

Note that there is a $1 charitable license for people who want to use SnapEditor but can't afford it. It is a charitable license and not a license for charity by the way. Perhaps we should change the name...

TheSunny

JFitzDela2• 14 years ago

Changing the name would certainly help, but if I'm honest, I couldn't reasonably ask for a "can't afford it license..." My business could certainly absorb the cost, I just don't wanna. :-D

Thanks for the suggestion, though!

lubujackson• 14 years ago

I have to say, that's one of the best designed little sites I've seen. Clear answers to all my questions up front, slick, good value proposition and explanation. Great job!

thesunny17• 14 years ago

Thanks LubuJackson, we put a lot of work into trying to figure out what speaks to developers. Wesley did a lot of research by interviewing over 2 dozen developers before we got really started which really helped us identify what developers needed.

TheSunny

eykanal2• 14 years ago

- Can't actually provide link text (<a href="#">link text</a>).

- Can't insert images, videos, flash, etc.

- No way to set custom styling, change font size, change font itself, change the font itself.

- Tab doesn't insert tab, but rather removes the highlight.

- No justification.

Compared to other offerings on the market (my main comparison being TinyMCE), this simply offers a quick way to make very simple edits without necessitating the clicking of "save". This sounds like somewhat of a niche market.

smiler• 14 years ago

I think this is the MVP. If you look at "What's coming", they have most of this planned.

wmwong12• 14 years ago

This is completely correct. Lots more to come.

Edit: Typo.

thesunny17• 14 years ago

Hi Eykanal,

Thanks for your comments.

1. Providing the link text and a much better interface for inserting links will be provided before production launch. Inserting links is definitely incomplete in the Beta.

2. Inserting images is also missing from the Beta but will be included in the production version. We wanted to show the insert image feature when it was implemented with automatic resizing of the actual image (i.e. not just changing the width/height but resampling the image as well). When it does get implemented, we also plan on releasing drag and drop abilities, auto-sharpening (if you like) and multi-image uploading. We have experience implementing all these features except drag and drop already (see Orbs.com).

3. We have a way to do styling changes using "Named Styles" which are element/class combinations. This is already implemented but not yet exposed because we want to get the interface for it right first.

4. Not sure which context you mean tabs don't work. Probably within the next few days though tab/shift-tab in lists and tables will work as expected. It is on our do very soon list.

5. Justification: Based on our interviews, we found that people were unsatisfied with their editors in 3 key areas that we address. It is probably true that in its Beta state, its usefulness is not all there yet. For a better idea of where SnapEditor will be going in the months ahead, see the "What's Coming" section.

TinyMCE is definitely a major competitor to us. One of the major differences is that TinyMCE cannot do In-Place editing. We don't believe that will be a niche market in the future. Many of the new editors focus only on In-Place editing.

Thank you for your comments Eykanal. We will continue to try and provide features that make SnapEditor the obvious choice of editor. :)

TheSunny

nollidge• 14 years ago

I think Eykanal means justification as in text alignment (right/center/left).

eykanal2• 14 years ago

Thanks for the replies. For #4, I mean that when I hit the "tab" key, it doesn't insert a tab, but rather acts as forms normally do... focus moves to the next element on the page, which happens to be something different than the text editor I was working with.

fisadev• 14 years ago

your online WYSIWYG editor is broken too. Literally. It crashes my Chrome.

wmwong12• 14 years ago

What version of Chrome are you on?

thesunny17• 14 years ago

Hi FisaDev,

Thanks for the info.

I've been using SnapEditor almost exclusively on Chrome and haven't had problems. It's been tested in both Windows and Linux.

We'd love it if you could provide more information so we can make sure the experience is great for you.

TheSunny

blueprint2• 14 years ago

I wish I had this 5 - 6 months ago when I started working on Blueprint. Would have been awesome

thesunny17• 14 years ago

Thanks for the comment. We hope you will consider us for your next project. I promise that there are many more fantastic features to come and that we are just scratching the surface.

We feel that the WYSIWYG editor has stagnated over the last 10 years and there is room for dramatic improvements.

TheSunny

blueprint2• 14 years ago

Wish you guys the best of luck. It's been a problem I've given a pretty good chunk of investigation, myself. Just make sure it stays super easy to install and talk to your users. :)

wmwong12• 14 years ago

Thanks! I guess it's not too late to use SnapEditor on future projects though. We'll keep improvements coming so keep an eye on us.

TimJRobinson• 14 years ago

Nice work! I think there is still more work to be done in the WYSIWYG world as all the current editors I've tried in my app seem to either be frustrating to use or too bloated (I love speedy scripts)

I have 2 suggestions:

1. Could you please release a version without jQuery baked into it, I really don't like it when plugins include jQuery in their source as it's a lot of unnecessary bloat added to the application (and most people have jQuery on their site already or can include it easy enough if they don't).

2. I'd love it if you could make each feature (additional options / controls etc) on top of this core an additional module and make sure they don't rely on each other like how jQuery-UI does it. I haven't found a single WYSIWYG editor that does this and it frustrates me because I have a need for an editor with some functionality and not others and would like the ability to not include unnecessary features to reduce file size and improve performance.

Then you could release a full version with every single feature baked in, or a minimal version which is just the core and you can add in other features by including the js files for the features you want and enabling them via a config file.

If you build the API well enough and snapeditor is popular enough you could even enlist the community help to build plugins for it for features they'd like to see, sublime text does this really well.

thesunny17• 14 years ago

Hi Tim,

Thanks for the feedback. These are great suggestions and we already have plans for them.

1. Yes, we are planning on releasing two version later. Version 1 would have jQuery stripped except for the parts that we need which would be a lot smaller (I think we mainly use the measurement and positioning routines). Version 2 would be for if you already have jQuery in which case it would use your version of jQuery. We would, of course, have to run unit testing to make sure it worked on past versions of jQuery.

2. Actually, all of the features are already implemented this way, even fairly basic features like bold/italic and the Shutter focus. We will be creating an online Editor builder that will let you choose what you want and it will build you an optimized version that includes only those features. You won't have to do any of the work to create it. We will probably enable you to save multiple configurations under your account as well. It will also create sprites for you so that you get only one image and it will only contain the images that you need.

We already have an API that abstracts the differences between each browser but we want to make sure it is stable before releasing it.

TheSunny

huxley• 14 years ago

Can it be hosted on a subdomain? Say your app is on example.com but the SnapEditor CSS and JS are on static.example.com?

I wasted an immense amount of time trying to get TinyMCE working properly on a subdomain, so don't care to repeat the experience.

wmwong12• 14 years ago

Unfortunately, cross-domain loading of JavaScript is not supported at the moment.

ckluis2• 14 years ago

Not for nothing, but if you converted your text editor into a commenting system or wiki type product for site visitors on certain pages it would make for a beautiful commenting system, but that would essentially force everyone to pay $299.

If I was you I might consider a wordpress plugin for $50 to replace the visual editor. A lot of non-technical people on wordpress would appreciate something cleaner.

wmwong12• 14 years ago

Thanks for the feedback. A wordpress plugin is definitely an area that we have discussed and will be exploring.

thesunny17• 14 years ago

Thanks for the great comment,

I'm not quite sure I understanding what you mean by converting into a comment system or wiki type product. Are you saying we should implement the editor in a product and then sell it with the editor for $299?

I like your WordPress plugin idea and this is indeed something we are considering and at a similar price point. The target market for WordPress plugins is obviously a lot larger as well.

TheSunny

ckluis2• 14 years ago

Just that commenting on most sites is fairly bland non-html. An option to upgrade the stock commenting on wordpress would be terrific.

badragon• 14 years ago

I have no problem paying for good software. The cost seems in the ballpark if it had all the features I need.

I would want the ability to add different classes other than just h1, h2.

Most of my projects will be using twitter bootstrap or jquery UI so it has to integrate well.

The link popup does not have the ability to add a target. For UGC, I would like the ability to force a target and add google analytics code.

wmwong12• 14 years ago

Great to know that this might be something you're willing to pay for.

Different classes and better link handling are on the roadmap which you can find on the "What's Coming" page.

We plan to make the UI easily modifiable so that you can use anything to style it. This is one of our goals.

There's a lot more to come.

thesunny17• 14 years ago

Thanks Badragon for the comment.

It's good to hear that people will pay for a good product, even with the availability of free alternatives. Of course, we would have to offer a superior product.

We already have the ability to add different classes than H1, H2, etc. and we can do this very elegantly. In fact, we support something called named styles. Here's a few definitions.

Title: div.title > Subtitle

Subtitle: div.subtitle > Normal

This tells us that we have a named style called "Title" that is represented by a DIV element with class "title" and that after you hit enter at the end of it, it will end up in the "Subtitle" named class. This is already implemented but not exposed because we haven't built the UI for selecting Named Styles as a dropdown in the beta. This will be in there for the production release though.

We will most likely have sets of "Named Styles" that are compatible with Twitter Bootstrap and other common frameworks at some point. You will also be able to easily create your own Named Styles, probably in an online UI that will build your editor for you.

Note that once you define the Named Styles, the editor whitelists to them so you can't get "illegal" element/class combinations which lets you (the developer) keep the HTML consistent for your needs instead of hoping your users won't break your styles.

We'll keep in mind the ability to add a target for links. We hadn't thought about the need for this until you mentioned it.

TheSunny

[edited for spacing]

etcet• 14 years ago

Erase everything from the inline editor and tap the backspace key, broken in latest Chrome on Windows.

wmwong12• 14 years ago

Great find. We'll add that to the bug list.

mendable• 14 years ago

This looks really good and could see us using this, but the image upload front-end is essential for our needs.

Do you have an ETA on when you are going to be releasing the image upload front-end function?

thesunny17• 14 years ago

This is definitely on our short list and SnapEditor won't go to production without the image uploader. I'm going to guesstimate we'll have some sort of support in about a month along with some other got-to-have features.

We want to get this right and part of that is coming up with a great and simple server API to handle the uploads across all platforms/languages/frameworks.

TheSunny

philipsteiner• 14 years ago

Good start, congratulations!

Show HN: Your online WYSIWYG editor is broken

Related Stories