Web Style Press, Best Practices from all the Web, Build Better Websites » Editors http://www.webstylepress.com Web VS Style Mon, 26 Dec 2011 10:35:53 +0000 en hourly 1 http://wordpress.org/?v=3.3 Markitup – Universal Markup Editor – Rich Text Editor http://www.webstylepress.com/markitup-universal-markup-editor/ http://www.webstylepress.com/markitup-universal-markup-editor/#comments Tue, 23 Sep 2008 22:38:56 +0000 Hiroshi http://www.webstylepress.com/?p=92 Markitup – Universal Markup Editor – Rich Text Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

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.

markItUp! is a very lightweight, customizable and flexible engine made to meet the developer’s needs in their CMSes, blogs, forums or websites. MarkItUp! is not a WYSIWYG editor.

  • Fast and unobtrusive integration
  • Support for keyboard shortcuts
  • Toolbar and drop down menus
  • Fully customizable and scriptable
  • Editor’s features callable from any place
  • Ajax dynamic preview
  • Customizable Skins

Markitup Home

Markitup – Universal Markup Editor – Rich Text Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/markitup-universal-markup-editor/feed/ 0 Astyle Visual CSS Editor http://www.webstylepress.com/astyle-visual-css-editor/ http://www.webstylepress.com/astyle-visual-css-editor/#comments Tue, 23 Sep 2008 21:20:15 +0000 Hiroshi http://www.webstylepress.com/?p=89 Astyle Visual CSS Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

CSS (Cascading Style Sheets) allows you to separate the representation definitions of such structured documents as HTML, XHTML, XML from their content, which is an effective principle in the design of web sites. Astyle is a free CSS editor for developers with many features.

  • Visual easy-to-use interface
  • Graphic tree-type view of attachment files and the CSS structure
  • Grouped view of properties and selectors
  • Automatic selection and grouping of CSS selectors from a markup language document
  • Source CSS, HTML, XML highlight code editor
  • Active preview current selectors and documents with IE and Mozilla support
  • Clean up HTML document via CSS
  • Icon associate dictionary
  • Copy, Paste and Cut operations
  • Drag and Drop operations

Astyle Visual CSS Editor

Astyle Visual CSS Editor is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/astyle-visual-css-editor/feed/ 0 Advanced Notepad http://www.webstylepress.com/advanced-notepad/ http://www.webstylepress.com/advanced-notepad/#comments Sun, 21 Sep 2008 17:21:10 +0000 Hiroshi http://www.webstylepress.com/?p=68 Advanced Notepad is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

What platform do you use for development? I personally prefer dreamweaver. For static HTML pages you get number of editing visual options in dreamweaver. Its nice to have visual editing but in case of javascript files or dynamic pages we do not need visual editor which takes some time while opening and editing pages at slower computers. By default in windows we have notepad and wordpad. What about adding something more to your notepad.

Notepad++ is an advanced notepad. Yeah I know there is also Textpad but thats not for free. Although Textpad offers many good features in which line numbers, search and replace, editig multiple documents editing I use mostly but there is a great feature in Notepad++ which kicks whatever.

Notepad++ is a free source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL Licence.

Features of Notepad++
  • If you have a colour printer, print your source code (or whatever you want) in colour
  • It allows user to define his own language
  • You can edit several documents at the same time
  • You have two views at same time. That means you can visualize (edit) 2 different documents at the same time
  • You can search and replace one string in the document by using the regular expression
  • You can open a document by drag & drop. You can also move your document from a position (or even a view) to another by drag & drop
  • Zoom in and zoom out document
  • You can save several macros and edit their keyboard shorcuts for the next use

You can open two documents parallel to each other and compare changes in between those. Notepad++ highlights changes in newly opened documents then its neighbor. Lets say we have two CSS files and we have done some changes to it. Its old version is saved somewhere else. You just have to open both files and compare changes easily.

Download Notepad++

Advanced Notepad is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/advanced-notepad/feed/ 0