Articles Tagged 'WYSIWYG'

EditArea: a rich Sourcecode Editor in Javascript

EditArea is a different way of using the online editing functions allowed by HTML. This technique, used most times to create WYSIWYG , is exploited in this case to provide a real code editor.

EditArea

A normal TextArea field is transformed into a real editor with the ability to format the text, searching and replacing words and get a color code in real time. Among its features we notice:

  • Simple integration through a single JavaScript script and a single call to a function of patch.
  • Support tab
  • Search and replace with regexp
  • Supports code coloring for: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck
  • Auto-indenting of new lines
  • Numbering lines of code
  • Multilanguage support: Croatian, Danish, English, French, German, Italian, Japanese, Polish, potoghese)
  • Support for gzip
  • Multiple instances
  • Fullscreen
  • Resizing the window in real time
  • Possibility to extend the features through plugins
  • Save and Load callback
  • Work with prototype and mootools

An example of how to use it:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
editAreaLoader. init ({
// id of the textarea to transform id: "exemple_3" / / id of the textarea to transform
true , Start_highlight: true
"8" , Font_size: "8"
"verdana, monospace" , Font_family: 'verdana, monospace "
"y" , Allow_resize: "y"
false , Allow_toggle: false
"fr" , Language: "fr"
"css" , Syntax: "css"
"new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help" , Toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlights, reset_highlight, |, help"
"my_load" , Load_callback: "my_load"
"my_save" , Save_callback: "my_save"
"charmap" , Plugins: "charmap"
"arrows" , Charmap_default: "arrows"
});

More ...

FreeTextBox: Javascript HTML WYSIWYG editor for ASP.NET

image FreeTextBox is an HTML editor written in JavaScript, for ASP.NET. This version, the 4.0 Beta 1 is compatible with IE, Mozilla and Firefox on all platforms. Like other editors (see: WYSIWYG Editor for the Web ) allows you to set its appearance and instruments. Although for ASP.NET, framework by me untouched, I report for its pleasantness. However, sin, comes in two versions: a free and a fee!

image

More ...

WYSIWYG editor for the Web

TynyMCE 2.1.2 (3.01 alpha)

TinyMCE Now in version 3.01a ( the last stable is 2.1.2 ) TinyMCE supports the following browsers: Supported browsers: Mozilla, MSIE, FireFox, Opera and Safari (experimental) (Mozilla, MSIE, FireFox, Opera and Safari (experimental)).
Thanks to the support of Plugins is fully configurable, both at the level of skins (see PICTURE below for two examples) both at the level of supported features (see Plugins ). Full language pack allows you to customize the output XHTML 1.0. Can be used from PHP / .NET / JSP / Coldfusion GZip compressor also supports Ajax for operaqzioni Load / Save.

More ...

Xopus: WYSIWYG XML editor

Xopus is an XML editor (HTML) in WYSIWYG mode working inside the browser. I had already noticed some time ago, thanks to an article released on Ajaxian . I mention this now because it remains an attractive proposition in view web2.0/editor. It is an interesting experience! Xopus has developed really well (with Italian support), with an excellent implementation of the context menu, although still not fully cross-browser, the current release 3.1 is supported only Microsoft Internet Explorer (version 6 and 7 ) although developers have promised as soon as at least a version compatible with Firefox (February 1 has been released in alpha version 3.1.1 compatible with Firefox 2.0 +).

As discussed elsewhere, the question of compatibility (cross browser) via the browser, and penalizes slows the development of tools that, even without resorting to special technologies like Adobe Flash or Java applet, could bring a significant contribution to the Community! Conttibuto prevented - at last - from unnecessary internal battles of the current producers of browsers: IE, Firefox, Opera, Mozilla, Safari, ...!

Viewing the demo you can see something more than just HTML editors, to put the word poor. Xopus proposes both the traditional structure of the editor, and advanced features of Microsoft Word style. It is possible, in fact, inserted within the page real smart objects that meet certain characteristics, making Xopus a particular case.

As indicated on the website:

Xopus is a good solution for any business That has a back-end content management system and front-to-end publishing systems and Therefore Which two systems use the examination information. That structure to information, to make ends meet Both, Therefore is a must.

Poete watch the video demonstration that introduces the advanced editing features. Also you can try a demo directly.

More ...

Weebly: Create your site Online

We often talked about the use of the Web Application (Web2.0) and how the software market is moving to online applications typically installed on our machine. Last important signal to Adobe (see Net Software ) that wants to release - or is starting to drop - a series of software online.

Today I propose you a really great tool, Weebly , which aims to create a website online, complete with domain (tuoweb. weebly.com) and tools for editing really interesting. See the video demo below.


If you do not see the video click here

The idea, of course, is not new, but the approach Weebly clearly shows why short to have Adobe Photoshop online will really be a step forward. In addition to ease of use this service offers interesting editing tools such as RSS readers, inclusion of Google Maps, inclusion of videos (from various sources) and more. The use of Ajax and DHTML (Dynamic HTML) is really used for, which makes the editing job really easy and affordable for everyone.
The interesting point, in my opinion, is that when you insert an image you can turn a small editor for daily operations as diverse as Crop - crop - and Resize - resize.

We just rolled out a couple of new features: You can now Edit, Crop, Resize, Adjust and Enhance your pictures in the new integrated image editor Snipshot, we'll present a warning (but allow you to continue) if you are using an unsupported browser, we released some small updates to the themes, and a couple other small changes & fixes.

The fundamental issue lies here. A quick tools like Weebly can use image editor like Adobe Photoshop, which will make the business of Web Design Online like traditional editing.
Obviously this is only part of what might happen; editor Video, Audio and Text are the next advanced to forcefully enter online!

More ...


Stop SOPA