Web-based HTML snippet editor

Question

I'm looking for a web-based HTML editor. I am NOT looking for a WYSIWYG editor. The author needs to be able to edit the HTML directly, and I'm looking for features like syntax highlighting, tag auto-completion, whitespace formatting - stuff you'd expect in a typical IDE. It also needs to be able to edit HTML snippets that aren't necessarily valid HTML on their own (for example, just a table row without table tags) without puking.

Does anything like this exist?

score 2 · Accepted Answer · answered May 19 '11 at 00:05

markItUp!

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

CodeMirror

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a mode has been written for the language you are editing, the code will be coloured, and the editor will optionally help you with indentation.

Awesome... CodeMirror is exactly what I'm looking for. Thanks! — Daniel Schaffer, May 19 '11 at 01:56

score 1 · Answer 2 · answered May 19 '11 at 00:00

1

The closest thing I can think of is ACE http://ace.ajax.org/, which is a merger of the original product from ajax.org and Mozilla Bespin.

answered May 19 '11 at 00:00

Dan

374
1
2

score 0 · Answer 3 · edited Mar 04 '17 at 10:26

0

[WebMethod(EnableSession = true)]
public void GetUpcomingEvents(string EventType, string Keyword)
{
    DataTable dt = sqlHelper.ExecuteDataTable("Sp_EventDescription", CommandType.StoredProcedure, new SqlParameter[]{
    new SqlParameter("@mode", 20),
    new SqlParameter("@EventType", EventType),
    new SqlParameter("@Keyword", string.IsNullOrEmpty(Keyword) ? null : Keyword),
    new SqlParameter("@CityId", Session["MasterCity"])
    });
    Context.Response.Clear();
    Context.Response.Write(JsonConvert.SerializeObject(dt, Formatting.Indented));
    Context.Response.Flush();
    Context.Response.End();
}

edited Mar 04 '17 at 10:26

Tunaki

116,530
39
281
370

answered Mar 04 '17 at 10:23

Abhishek Kumar Gangwar

1
1

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. – Donald Duck Mar 17 '17 at 08:34

score 0 · Answer 4 · answered May 19 '11 at 00:55

0

You could use Notepad++ and configure TextFX settings for tag auto-completion and whitespace formatting (I'm guessing auto-indent?).

answered May 19 '11 at 00:55

kevinji

9,983
4
35
55

I love me some Notepad++, but I was looking for something web-based, which unfortunately, Notepad++ is not. – Daniel Schaffer May 19 '11 at 01:57
Oh sorry, I didn't see the web-based part. – kevinji May 19 '11 at 04:30

Web-based HTML snippet editor

4 Answers4