Articles Tagged 'Editor'

PhpStorm 2.0

PHP IDE dedicated to the development there are many, ranging from free to paid ones. For a long time I have used tools such as Eclipse or Aptana , coming to make use of specialized editors to HTML / JavaScript and - even - CSS. For a year now, however, I think I found a complete environment that finality, at least in my case, it solves all my problems: PhpStorm .

Continued ...

WordPress: modifcare AdminBigWidth for developers

AdminBigWidth is a plugin for WordPress that can set the working area of the administration in full screen. It is a very simple plugin and trivial, in fact, his code does is change the CSS class .wrap :

1
2
3
4
AdminBigWidth function () {
; echo '<style type="text/css">. wrap {max-width: none} </ style>';
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

For those like me who uses the WordPress editor in HTML mode could be useful to set a monospaced font such as Courier font instead of the proposed default. In this way, at least for developers, it is easier to align source code. To do this just add, in the style of AdminBigWidth , a new approach to CSS that is reflected when the editor is in HTML mode. You could write a plugin (two lines) to do this, but it is better to use just the code AdminBigWidth , so as to avoid further load due to the nth Plugin:

1
2
3
4
AdminBigWidth function () {
; echo '<style type="text/css">. wrap {max-width: none} # content # editorcontainer {font-family: "Courier New", Courier, monospace} </ style>';
}
, 'AdminBigWidth' ) ; add_action ('admin_head', 'AdminBigWidth');

Continued ...

EditArea: a rich Sourcecode Editor in Javascript

EditArea is a different way to use HTML editing features allowed online. This technique, used most often to create WYSIWYG editor , in this case is used to provide a real code editor.

EditArea

A regular 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 note:

  • Simple integration through a single JavaScript script and a single call to a function of patch.
  • Support tab
  • Search and replace with regexp
  • Support the color code 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
  • Resize 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"
});

Continued ...

FreeTextBox: Javascript HTML WYSIWYG editor for ASP.NET

image FreeTextBox is an HTML editor written in JavaScript, for ASP.NET. This version, 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 the appearance and instruments. Although for ASP.NET, untreated framework from me, I report for its pleasantness. However, sin, comes in two versions: a free and a paid version!

image

Continued ...

Aptana IDE update: 9 Milestones

It is available to update the Aptana IDE , the Web development environment that supports Adobe AIR and Apple iPhone . Among the changes include the improvement of the section with the update of the PHP Code Assist functions on both parameters. Also improved the "color" of the code. Added support for latest Ajax frameworks including prototype.js and jQuery . Also improved handling of Javascript.

image

For the complete list of new features click here .

Continued ...

Developing Adobe AIR applications with Aptana IDE

Adobe releases AIR (formerly code-named Apollo), which stands for Adobe Integrated Runtime, and then, "successor" of Apollo. You can download the beta version released on June 11 here: AIR downloads

At the same time it is issued to build 0.2.8.15171 Aptana IDE development environment dedicated to exceptional developer HTML, PHP, Rails, Javascript, and now with support for AIR.

The Aptana IDE is a free, open source, cross-platform, JavaScript-focused development environment for building Ajax applications. It features code assist on JavaScript, HTML, and CSS languages, FTP / SFTP support and a JavaScript debugger to troubleshoot your code.

A strong competitor of Adobe Dreamweaver, at least for the coders, since it is a free software integrated, inter alia, with Eclipse . Mysteriously, then, Adobe has released an extension to build Adobe AIR applications Dreamweaver CS3 only, leaving users of version 8! Aptana, therefore, is an excellent alternative to Dreamweaver CS3, for those who want to experience the development package for Adobe AIR!

However, in Aptana the lack of a WYSIWYG environment, excellent in Dreamweaver, the potential decreases, as already mentioned are mainly addressed in the Code. Dreamweaver, in particular with the release of CS3, then offers a complete and perfect with Flash CS3, Photoshop CS3 and other Adobe Creative Suite tools of brand new, feature completely absent in IDEs like Aptana.

The Aptana IDE, is comuqnue, is spectacular, understandable and all the vital features for a programmer, project management, previews installed on browsers, auto-save, file comparison, display line numbers, configurable editor, collapse of the "tagging "Embedded XML, high-level debugger, support Italian and much more.

Good document management allows dynamic access to the W3C specification, and JavaScript libraries (best known as Web 2.0 Dojo, JQuery, Mootools, Yahoo (YUI) and Scriptaculous, all integrated into a single environment despite proper documentation is taken directly from the network!

Aptana is available for Windows (XP and Vista), Macintosh, Linux and Eclipse Plugin for. Many features are available on the site, including a Aptana.tv .

In short, for those who have already developed or those who want to start developing applications in Adobe AIR ( here you will find a video tutorial to begin developing Adobe AIR applications ), Aptana is a functional and comfortable, well-integrated network, and accompanied also by Plugins and extensions, some for particular browsers like FireFox for debugging.

Last note: Some functions, such as the plugin for AIR, require the installation of the Java runtime !

Continued ...

Weebly: Create your website 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 by Adobe (see Net Software ) that wants to release - or is starting to drop - a set of software online.

Today I propose to 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-must 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, Video input (from various sources) and more. The use of Ajax and DHTML (Dynamic HTML) is really used for, which makes the job of editing 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 short tools like Weebly can use image editor like Adobe Photoshop, which will make the business of Web Design Online editing of the traditional.
Obviously this is only part of what might happen; editor Video, Audio and Text are the next to enter advanced forcefully online!

Continued ...