Saturday, May 19, 2012

Free WYSIWYG Editors

Posted by admin On April - 24 - 2010 ADD COMMENTS

TinyEditor is a lightweight (8kb) JavaScript WYSIWYG editor that is free to use in both personal & commercial projects.

It is a standalone script (does not require any JS frameworks) & converts any given textarea to an editor

The can be easily customized by updating the parameters (like removing some of the controls). And it is possible to style it via CSS:

TinyEditor can be resized, a starting content can be defined, set to generate HTML or XHTML code & more..

Slick MooTools WYSIWYG Editor: MooEditable

MooEditable is a MooTools plugin that instantly converts a textarea field into a WYSIWYG editor.

It has a slick interface & comes with only the frequently used items like text formatting, lists, inserting images/links & undo/redo.

The plugin can also switch between design & HTML modes.

If you’d like to improve it further or customize to your needs,  It has a very detailed documentation.

Lightweight And Free HTML Editor: WMD

WMD is a lightweight HTML editor which is ideal for blog comments, forum posts & basic content management.

It can be implemented into any textarea with one line of code & with an extra line, live preview functionality can be implemented.

This is not a WYSIWYG editor. Rather, it is a WYSIWYM Markdown editor (what you see Is what you mean).

WMD produces clean semantic HTML, leaving presentation details like fonts and colors up to style sheets.

Markdown: a simple markup language that’s as easy to read and write as plain-text email.

New FCKeditor With More Features: CKEditor

FCKeditor, one of the most popular free WYSIWYG editors around now has a new version with more features & a lighter name: CKEditor.

WYSIWYG editors generally load slow due to the highly-used JavaScript. One of the best things CKEditor offers is the seriously improved perfomance to eliminate this problem.

Also, it is now an accessible script in compliance with the W3C WCAG & the US Section 508.

CKEditor offers a rich & powerful integration and interaction API. The editor is also totally plugin based & can be extended/modified in all senses to fit every need.

With a new user interface based on a fresh skin which is colorful like a chameleon, you can change its color to match your needs.

Open Source Online HTML Editor: Xinha

Xinha is a powerful & open source HTML (WYSIWYG) editor.

It is a community-built script presenting various options for max. customization.

It has lots of plugins that can be activated like:

  • Character counter
  • Find & replace
  • Image manager
  • HtmlTidy
  • Spell checker & more.

It is possible to configure which features/menus to be displayed, whether coding inside will be permitted or not & almost anything that may be needed.

Free XHTML Editor: WYMeditor

WYMeditor is a free XHTML editor script that generates perfectly structured XHTML strict code.

It doesn’t provide shortcuts for styling the fonts, colors, etc. For this reason, it calls itself WYSIWYM (what you see is what you “mean”).

This is a very nice feature to prevent novice users from breaking the styles of webpages (which happens most of the time).

WYMeditor is 100% JavaScript, has a skin support via CSS for customizing it and multilingual.

Its makes integrations easier with the API/plugin support provided.

A Markup And BBCode Editor By Corpocrat

r is presenting 2 simple & handy editors:

They both convert a textarea into an editor & they are lightweight (<5kb).

Links & images are inserted with an alert window rather than a HTML popup.

And, they are free to be used in both personal & commercial projects.

Powerful Markup Editor: SmartMarkUP

SmartMarkUP is a flexible & lightweight JavaScript library that turns any textarea into a markup editor.

It can be configured to edit HTML, CSS, XML, Wiki syntax & BBCode.

The library is unobtrusive & degrades gracefully if JavaScript is disabled.

SmartMarkUP has a simple and powerful API. Styles can be changed, new markups can be implemented, extra buttons and submenus can be created & more.

It also supports keyboard shortcuts for easier usage & has add-on support like color picker, search-replace, special character picker (and new ones can be created).

Free JavaScript WYSIWYG – Rich Text Editor

Free Rich Text Editor is a feature-rich JavaScript WYSIWYG editor.

It can be implemented to any web application easily & no programming experience required.

It outputs XHTML compliant code & works in all major browsers.

Editor lets you to switch between the design, HTML code & preview modes just like a desktop WYSIWYG application.

jWYSIWYG: jQuery Inline Content Editor Plugin

jWYSIWYG is a jQuery plugin for creating inline content editors easily.

It turns a textarea into an editor via a simple function below:

It has very simple features that makes it suitable to be used in contact or comment forms & similar.

jWYSIWYG is lightweight (7kb packed) & provides the ability to add custom controls, like adding a “line break” function.

Flash Rich Text Editor: obedit

obedit is a Flash rich text editor that uses PHP for saving, loading and other server related features.

It has most of the text editing features like:

  • bold, italic,underline
  • justification, block indents,
  • text color,
  • font and size selection,
  • links, bullets,
  • background color,
  • and spell checking.

Cross-Browser WYSIWYG Editor: openWYSIWYG

openWYSIWYG is a free cross-browser WYSIWYG editor that’s shipped with most of the rich-text editing features you need.

This editor works as a textarea replacement with a single line of code. It can be used with any programming language as it is coded entirely in JavaScript.

Some features of this free HTML editor:

  • Loads very fast
  • HTML source code editing
  • Create lists, italic, bold or similar HTML properties
  • Insert images
  • Enhanced table creation
  • Dropdowns with formatting preview

Convert TextAreas Into Markup Editors With markItUp!

markItUp! is a lightweight and customizable jQuery plugin which turns anytextarea into a markup editor.

It has ready-to-use tag sets for HTML, textile, wiki syntax, markdown and BBcode inputs. Also, you can easily create your own.

Some powerful features of this markup editor are:

  • Fast and unobtrusive integration
  • Support for keyboard shortcuts
  • Fully customizable and scriptable
  • Ajax dynamic preview
  • Customizable skins

High Quality Controls & Widgets for Prototype.js

Control Suite is a set of 6 high quality widgets and controls built with thePrototype JavaScript framework.

Each script is well tested, highly extensible and unobstrusive.

Suite has these widgets and controls:

  • Tab
  • Modal
  • TextArea
  • Select Multiple
  • Rating
  • Progress Bar

Different approach to star rating:

Suite is very well documented. You can easily reach the details of the APIs and this makes the product much more usable.

FCKeditor: Powerful HTML Text (WYSIWYG) Editor For Web Applications

FCKeditor is a full featured, well-documented & simple to use WYSIWYG HTML text editor. It is lightweight, easy to implement.

With an integrated powerful ajax file manager, CKFinder, you can control both the media & content of your web applications.

Features:

  • Multi browser compatibility
  • Outputs XHTML 1.0
  • CSS support for better integration with your web site
  • Font formatting: type, size, color, style, bold, italic, etc
  • Text formatting: alignment, indentation, bullets list, etc
  • Cut, Paste, and Paste as Plain Text, Undo and Redo
  • Paste from Word cleanup with auto detection
  • Link and anchors support
  • Image insertion, with upload and server browsing support
  • Table creation and editing (add, delete rows, etc) – one of the best systems on the market.
  • Table cells editing (size, colors, etc)
  • Form fields
  • Right click context menus support
  • Complete toolbar customization
  • Skins support
  • Plugins support
  • Spell checker
  • Multi-language support with automatic user language detection. Including Right to Left scripting.
  • Complete page editing (from <HTML> to </HTML>) or just contents.
  • Lightweight and fast
  • Automatic browser detection and customization
  • Integration with ASP, ASP.NET, Java, ColdFusion, Perl, PHP, JavaScript and more.
  • Image and file links upload and server repository browser.
  • For web developers it is easy to install and customize
  • For web users it’s simple and easy to use!

Tiny Html (WYSIWYG) Editor: NicEdit

NicEdit is a Javascript/AJAX inline content editor that allows easy editing of web ssd/div editable or convert standard textareas to rich text editing.

This lightweight (compressed size is <10kb) html editor is integrated into any website in seconds. Inserting a JavaScript code is enough for all textareas to be converted into WYSIWYG HTML editors.

TinyMCE Online Html Editor (WYSIWYG)

If you are looking for a WYSIWYG editor, TinyMCE can be the right choice.

It is a lightweight, platform independent javascript content editor that is created by Moxiecode Systems. TinyMCE is easy to integrate into any system and compatible with the web browsers like Firefox, IE, Opera and Safari.

Referance:http://www.webresourcesdepot.com/

Popularity: 23% [?]

Free HTML Editors

Posted by admin On April - 24 - 2010 ADD COMMENTS

Notetab Light

This is the freeware sibling of the commercial Standard and Pro versions. It is a general text editor that has lots of features, including a useful “Clipbook” facility that has numerous HTML editing conveniences. Its commercial cousin Notepad Pro comes with syntax highlighting. (Note: to get the free version, go to the “Download” page and look for “Notetab Light”.)

CodeLobster PHP Edition

This is a free code editor with syntax highlighting support for PHP, JavaScript, HTML and CSS. It has support for autocompletion of HTML tags, attributes and closing tags; an HTML code inspector; a CSS autocomplete facility supporting style property names and values; JavaScript autocomplete that supports keywords, DOM elements and properties; PHP autocomplete that support standard PHP and user’s classes, variables, functions, constants, keywords, etc; a PHP debugger; SQL autocomplete; context sensitive help; class view; browser preview; project manager; and so on. This is a Windows program.

HAPedit (HTML ASP PHP Editor)

HAPedit is useful for people who develop both dynamic and static web pages. It provides syntax highlighting for HTML, ASP, PHP, JavaScript; provides a project manager; features code completion, an SQL console, FTP manager, PHP code “compilation”, integrated PHP help, brace matching, search and replace with regular expressions, statistics on your page (ie, rendered size, images, links, etc), and so on. This is a Windows program.

Arachnophilia

This editor comes with built-in FTP facility, making it possible for you to author your web page and publish it without leaving the editor. It has a spell-checker, an internal browser view mode that is able to show your HTML changes as you type, a global search and replace facility across all open documents, built-in tutorial on HTML, JavaScript, frames; etc. There are apparently two versions available – the older one runs on Windows systems, the newer one is written in Java and is apparently cross-platform.

PSPad

PSPad is a full featured text editor that you can use to edit HTML, PHP, Perl, JavaScript, C, etc. It even has built-in facilities allowing you to edit binary files. There is project support, the ability to directly edit files via FTP on your server, a macro recorder, search and replace in files, text comparison (differences between two files with the differences highlighted in colour), syntax highlighting, spell checking, internal HTML preview using IE and Mozilla, integrated HTML TIDY (for validating HTML code and fixing them), code explorer for Pascal, HTML, PHP, XML (etc), matched bracket highlighting, etc.

Notepad++

Notepad++ is a source code text editor with syntax highlighting (C, C++, Java, C#, HTML, PHP, JavaScript, ASP, SQL, Objective-C, etc), multiple document handling using tabs, auto-completion of keywords (customizable), regular expressions in the search and replace function, macro recording and playback, brace and indent highlighting, collapsing and expanding of sections of code (to zoom in and out of pieces of code such as to provide an outline overview of your text/code), etc.

Quanta Plus Web Development Tool

Quanta Plus is a Linux HTML editor for KDE. It contains an assortment of features such as syntax highlighting, easy configuration of toolbars, site uploading facility, the ability to update a site from CVS (with a plugin), document structure tree, etc.

Bluefish

From the announcement by one of their development team: “Bluefish is a programmer’s HTML editor, designed to save the experienced webmaster some keystrokes. It features a multiple file editor, multiple toolbars, custom menus, image and thumbnail dialogs, open from the web, CSS dialogs, PHP, SSI and RXML support, HTML validation and lots of wizards.” I’ve seen a lot of good things said about this editor by other webmasters. Bluefish runs on Linux, FreeBSD, Solaris, Tru64/Alpha, NetBSD, OpenBSD, HP-UX and Mac OSX.

HTML-Kit

This HTML text editor is intended for use by web developers, and comes with support for writing HTML, XML and scripts. Among its features are internal preview of your web pages (requires IE 4.x and above to be installed), integration with HTML Tidy (a HTML and CSS validation program), auto-completion of keywords, etc. HTML-Kit can be extended using plugins, and runs on Windows 95, 98, NT and 2000.

Popularity: 8% [?]

Free WYSIWYG Web Editors and Website Builders

Posted by admin On April - 24 - 2010 ADD COMMENTS

NetObjects Fusion Essentials

This WYSIWYG web editor and site builder (click the “Downloads” page on their site to get it) features drag and drop website layouts, site management tools, a built-in FTP facility topublish (upload) your web pages, a photo gallery, a form builder, rollover images, support for Flash and Quicktime, an e-commerce tool, etc. This program is a subset of their full commercial software, NetObjects Fusion 11. Note: for the free version, you will need to register online while installing to get a serial number.

KompoZer – Easy Web Authoring

KompoZer is a WYSIWYG web editor that allows you to build websites in an easy way, using a visual interface. It is essentially an updated version of Nvu with bug fixes. You can learn how to create a website using KompoZer with thesitewizard.com’s tutorial How to Design and Publish Your Website with KompoZer.

SeaMonkey Composer (Mozilla Composer)

Seamonkey, the web browser suite from Mozilla, comes with a WYSIWYG web editor that allows you to quickly code web pages using a wordprocessor-like interface. For more information, please read the detailed review of the Mozilla Composer on thesitewizard.com. You can also find a comprehensive tutorial on How to Design and Publish Your Website with Mozilla Composer there.

Amaya Web Browsing and Authoring

Amaya is an open source browser and WYSIWYG web authoring environment that purports to allow its users to develop web pages without knowing anything about HTML or CSS. You can create your pages and view them using this software. It supports CSS, HTML, XHTML, MathML 2.0 (which allows you to browse and write web pages containing mathematical symbols), etc. There are versions for Windows, Mac OS X, and Linux. A more detailed review of this editor can be found in the article: Review of Amaya: W3C’s Free WYSIWYG Web Authoring Environment.

Trellian WebPAGE

Trellian WebPAGE is a free WYSIWYG web editor with a drag and drop interface, a preview screen that allows you to see your page under three common screen widths (640, 800 and 1024), built-in FTP uploader, table creation wizard, form creation tool, etc. It also has a syntax highlighting HTML editor for people who may want to switch to the HTML mode for some fine tuning.

Nvu – Complete Web Authoring System

(Update: Nvu has been discontinued. Beware of scam sites pretending to be the Nvu website and asking for donations/support. The official site is gone, and there are no replacement sites. In the meantime, use KompoZer, which is just Nvu with some bug fixes and a new name.) Nvu is a WYSIWYG editor that is designed to make the creation of web sites as easy for novices as it is using commercial web editors like DreamWeaver. It is based on the Mozilla Composer web editor (see elsewhere on this page) and includes new features that will eventually make its way back into Mozilla Composer. This open source editor is available for Linux and Windows. You can find a tutorial on How to Design and Publish Your Website with Nvu on thesitewizard.com. There is also a longer review of Nvu available.

Referance:http://www.thefreecountry.com/

Popularity: 14% [?]

improve your SEO potential

For most people the upcoming holiday season will be one for relaxing and spending quality time with the family. But, [...]

Open source CMS

nomey
Cross-platform
Anomey is a small but effective framework and CMS for developing and maintaining web sites. (GPL)
BIGACE
Cross-platform
BIGACE is a multi-site, multi-language and [...]

Web Development / Frameworks

Bitweaver
Cross-platform
Bitweaver is a free and open source web application framework and content management system. (LGPL)
CakePHP
Cross-platform
CakePHP is a rapid development framework for [...]

Web Development Utilities

CKeditor
Cross-platform
This HTML text editor brings to the web much of the power of desktop editors like MS Word. It’s lightweight [...]

TAG CLOUD


Fatal error: Call to undefined function get_theme_option() in /home/sitescod/public_html/wp-content/themes/chronicle/footer.php on line 14