SnipDHTML Editor

Written by Shanx May 24th, 2003

SnipDHTML Editor

Continue reading →
Close

A web-based “round-trip” HTML editor. You can code HTML and see how it looks on the side, or write text with formatting and see corresponding HTML interactively. Uses IE specific functions so currently works only with IE, but should give you ideas.

Following is a link to a web-based “round-trip” HTML editor. You can code HTML and see how it looks on the side, or write text with HTML formatting and see corresponding HTML interactively. Uses IE specific functions so currently works only with IE, but should give you ideas even if you want to work with other browsers.

Posted in Miscellaneous

11 Comments

Tagged with

11 Comments

  1. tog_benson says:

    When do you think we will be able to insert images into the page? It wouldn’t be a problem for me to have an images folder sitting in the folder with the editor. Is this something i will have to code on my own?

  2. zan_gligorov says:

    add this function:

    function doInsertImage()
    {
    var tr= frames.myEditor.document.selection.createRange()
    tr.execCommand(“InsertImage”, true);
    doCopyValue();
    }

    Then add a new icon on the toolbar:

    and that is it.

  3. sniptools says:

    Thanks zan! I guess you emailed me with th is note? Never really got down to adding that code, but hope people get ideas from here.

  4. Kosala says:

    Dear Shashank Tripathi,

    I have to say, you are pretty damn honest with your sw ‘SnipDHTML Editor’. I thought I’ll drop an email to say thank you for letting me using this sw. I’ll leave the copyright text on the script.

    Keep up the good work and thank you dearly.

    Kosala

  5. Luis Majano says:

    Great Editor, fully using the W3C Document Object Model. The only thing I have doubts is on inserting, modifying, deleting tables and the use of stylesheets. For example, reading the style sheet and presenting a drop down for adding the style sheet. Does anybody have any ideas??

    I currently revamped this editor to work with ColdFusion and Dynamically load tempaltes for editing and revision. A great Content Manager. I also made it so that a non-html header can be read, modified and updated.

    Luis Majano

  6. sniptools says:

    Sounds good, Luis! Would be great if you could share a URL to your CF/template modifications. Thanks!

  7. Alok says:

    Are you planning to update this code? Great stuff!

  8. Russ Jones says:

    Fantastic prog. Just works great. How would one make it insert html from an existing file. i cant see how to do that…

  9. Stewart says:

    How would you go about inserting tables with the execCommand, it doesn’t seem to work. Also, how would you specify the execCommand(“Open”) to open in the iframe?

  10. Stewart says:

    I expanded somewhat on the WYSIWYG editor, and I made an option to open a file in the iFrame. It works, but you can’t see the source code. The error says ‘Access Denied’. Editor is at http://geocities.com/albino_doom/

  11. Stewart says:

    Does anyone come here anymore?
    http://semlar.com/editor.htm

Leave a Reply

Miscellaneous

I use the Nokia e61i as my mobile. Instead of my telco’s data plan (which offers me a meagre 1GB per month) I simply prefer to use my home wireless [...]

Continue reading →

View all

Web Tools

If you use Firefox (and if not, what are you waiting for?) you are familiar with useful extensions such as Video Downloader, which allow you to save local copies of [...]

Continue reading →

View all

Databases

This regexp worked for me. SELECT * FROM table WHERE NOT column ~ ( ‘^(‘|| $$[\09\0A\0D\x20-\x7E]|$$|| — ASCII $$[\xC2-\xDF][\x80-\xBF]|$$|| — non-overlong 2-byte $$\xE0[\xA0-\xBF][\x80-\xBF]|$$|| — excluding overlongs $$[\xE1-\xEC\xEE\xEF][\x80-\xBF]{2}|$$|| — straight 3-byte [...]

Continue reading →

View all

Windows

So you’ve been visited by the much dreaded CRC — Cyclical Redundancy Check error, most likely encountered while copying files between hard disks. On Mac OSX, this will usually appear [...]

Continue reading →

View all

Mac OSX

A simple app ought to do it. Download iRinger. It’s a Windows app. If you’re on Mac, you’ll want to use it within a virtual machine, like Parallels or VMWare [...]

Continue reading →

View all

System Maintenance

I use the Nokia e61i as my mobile. Instead of my telco’s data plan (which offers me a meagre 1GB per month) I simply prefer to use my home wireless [...]

Continue reading →

View all

Wordpress

Among many new exciting features, WordPress 2.6 released the ability to store each and every revision of your posts, like an elaborate update history. Now this can be a pretty [...]

Continue reading →

View all

Audio/Video

Panic, the makers of some fantastic software such as Transmit or Panic, also have the most light-weight audio converter for the Mac OSX platform. It’s called Audion: get it here. [...]

Continue reading →

View all

iPhone

A simple app ought to do it. Download iRinger. It’s a Windows app. If you’re on Mac, you’ll want to use it within a virtual machine, like Parallels or VMWare [...]

Continue reading →

View all