Greepit.com » WYSIWYG http://greepit.com Web Design and Development Resources Wed, 18 Mar 2015 11:00:31 +0000 en-US hourly 1 http://wordpress.org/?v=4.0 Full Featured HTML5 WYSIWYG Editor: Mercury http://greepit.com/full-featured-html5-wysiwyg-editor-mercury/ http://greepit.com/full-featured-html5-wysiwyg-editor-mercury/#comments Fri, 09 Sep 2011 11:57:54 +0000 http://greepit.com/?p=13054 Since the introduction of HTML5, a lot has been changed the way we used to design and build web applications and websites. It has changed the way we used to handle content (text, video, audio, animation etc.) on the web. Web applications built on HTML5 are much more interactive and easy to manage.

Take the example of Mercury, which is a full featured HTML5 WYSIWYG editor. It is more than an ordinary WYSIWYG editor. Mercury transforms an entire page into several editable regions that users can access to edit content in an interactive fashion. With native support for CSS, Mercury allows you to easily provide editing options on a page.

It displays a single toolbar for every region on the page, and uses the HTML5 contentEditable features on block elements, instead of iframes, which allows for CSS to be applied in ways that most other editors can’t handle.

Major Features

  • Real time content preview
  • Drag images from your desktop to automatically uploaded and insert them
  • Insert and edit predefined and reusable bits of markup/code using drag and drop
  • Markdown, HTML, and Snippet region types by default

Mercury has been written using CoffeeScript and jQuery for the Javascript portions, and is written on top of Rails 3.1.

Mercury HTML5 WYSIWYG editor supports all browsers that have implemented the complete W3C contentEditable specification.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme
]]> http://greepit.com/full-featured-html5-wysiwyg-editor-mercury/feed/ 1 WYSIWYG HTML and CSS Styling Tool for Web Designers: Xeo CSS http://greepit.com/wysiwyg-html-and-css-styling-tool-for-web-designers-xeo-css/ http://greepit.com/wysiwyg-html-and-css-styling-tool-for-web-designers-xeo-css/#comments Sat, 05 Feb 2011 10:33:38 +0000 http://greepit.com/?p=9993 Xeo CSS is a fully web-based WYSIWYG HTML and CSS styling tool for web designers. This web based tool helps designers to design web pages with no coding.

WYSIWYG HTML and CSS Styling Tool for Web Designers

Xeo CSS is very useful HTML / CSS WYSIWYG tool for beginners, it supports CSS3 properties and bundled with CSS3 gradiants generator.

Features

  • Desktop-like experience
  • Generates Class & ID selectors
  • In-browser HTML editor
  • Generates clean CSS code
  • CSS 3 properties included
Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme
]]> http://greepit.com/wysiwyg-html-and-css-styling-tool-for-web-designers-xeo-css/feed/ 3 Free Online HTML Form Builder: HTMLform http://greepit.com/free-online-html-form-builder-htmlform/ http://greepit.com/free-online-html-form-builder-htmlform/#comments Wed, 24 Nov 2010 06:35:21 +0000 http://greepit.com/?p=8709 HTMLform is an online form builder powered with a feature-rich WYSIWYG editor which helps users to create and customize HTML forms with ease.

Free Online HTML Form Builder

HTMLform allows users to generate forms in any language and in any character set (100% Unicode). It is highly customizable and users can configure many options including tooltips, icons, clarifying notes, default values and aligned field groups.

HTMLform generates XHTML 1.0 strict compliant code that is compatible with all browsers.

Requirements: No requirements
Website: http://htmlform.com/
License: Free
]]> http://greepit.com/free-online-html-form-builder-htmlform/feed/ 1 OpenWYSIWYG: Cross Browser Open Source WYSIWYG Editor http://greepit.com/openwysiwyg-cross-browser-open-source-wysiwyg-editor/ http://greepit.com/openwysiwyg-cross-browser-open-source-wysiwyg-editor/#comments Tue, 22 Jun 2010 07:37:52 +0000 http://greepit.com/?p=5857 OpenWYSIWYG is free, open source, cross-browser WYSIWYG editor completely written in JavaScript and comes with a professional and sleek user interface.

OpenWYSIWYG has powerful editing environment and packed with every rich-text editing feature that makes your content management system much better.

Requirements: Javascript enabled browser
Website: http://www.openwebware.com/
License: LGPL
]]> http://greepit.com/openwysiwyg-cross-browser-open-source-wysiwyg-editor/feed/ 3 In-Place WYSIWYG Editor jQuery Plugin – IPWEditor http://greepit.com/in-place-wysiwyg-editor-jquery-plugin-ipweditor/ http://greepit.com/in-place-wysiwyg-editor-jquery-plugin-ipweditor/#comments Fri, 23 Apr 2010 09:25:46 +0000 http://greepit.com/?p=4580 IPWEditor is a jQuyer plugin that allows users to edit text on web pages without going to a separate page and adds a layer of WYSIWYG editor (FCKeditor & TinyMCE) over it.

 in-place-wysiwyg-editor-jquery-plugin-ipweditor

As you may have seen the jQuery Editable plugin that seamlessly replace texts on web pages with inputs but the IPWEditor has added functionality and the WYSIWYG text editor layer allows user to apply formatting on the text as well.

Website: http://spacebug.com/IPWEditor_In-Place_WYSIWYG_Editor

License: MIT

]]> http://greepit.com/in-place-wysiwyg-editor-jquery-plugin-ipweditor/feed/ 0 Free WYSIWYG Theme Editor For WordPress http://greepit.com/free-wysiwyg-theme-editor-for-wordpress/ http://greepit.com/free-wysiwyg-theme-editor-for-wordpress/#comments Wed, 07 Apr 2010 12:43:10 +0000 http://greepit.com/?p=4216 Elastic is a free WYSIWYG theme editor for WordPress and a new approach to WordPress themes. The purpose of this visual theme editor is to provide user-friendly theme editing environment where users can create their own themes with few simple clicks.

free-wysiwyg-theme-editor-for-wordpress

There are three main working parts behind Elastic: a visual (WYSIWYG) theme editor, a theme engine, and a set of protocols that link the two.

Features

  • Drag-and-drop environment makes themes easy to customize
  • Preview your selections with the detailed typography editor
  • Grid-based for easy organization & Custom grids for flexibility

Elastic creates a standard WordPress theme, it makes easy to share your themes with others.

]]> http://greepit.com/free-wysiwyg-theme-editor-for-wordpress/feed/ 1 Free Web Based WYSIWYG Editor http://greepit.com/free-web-based-wysiwyg-editor/ http://greepit.com/free-web-based-wysiwyg-editor/#comments Wed, 31 Mar 2010 11:15:37 +0000 http://greepit.com/?p=4123 A simple, free web based WYSIWYG editor, written in MooTools.

free-web-based-wysiwyg-editor

Features

  • Clean & friendly interface
  • Customizable buttons
  • Lightweight
  • Fully degradable when Javascript disabled


This free web based WYSIWYG editor is cross browser compatible and works well on all major browsers.

Website: http://cheeaun.github.com/mooeditable/

]]> http://greepit.com/free-web-based-wysiwyg-editor/feed/ 1 Free Rich WYSIWYG Text Editor Javascript http://greepit.com/free-rich-wysiwyg-text-editor-javascript/ http://greepit.com/free-rich-wysiwyg-text-editor-javascript/#comments Thu, 01 Jan 2009 07:52:39 +0000 http://greepit.com/?p=744 Free Rich Text Editor is an extremely easy to use FREE javascript based HTML WYSIWYG editor for your website, it can easily be implemented into any existing content management system or other web application with no knowledge required in programming or javascript.

Free Rich WYSIWYG Text Editor Javascript

Only 3 lines of code required to set up the editor. It also now outputs as XHTML compliant code!

Compatibility: Firefox 1.5+, IE 6, 7, Opera 9, Safari 1.3+

Website: http://www.freerichtexteditor.com

Demo: http://www.freerichtexteditor.com/index.php?inc=demo/index

Download: http://www.freerichtexteditor.com/download/

]]> http://greepit.com/free-rich-wysiwyg-text-editor-javascript/feed/ 1