Artikel Tagged 'Editor'

PhpStorm 2,0

PHP IDE für die Entwicklung gibt es viele engagierte, von freien zu zahlen diejenigen. Für eine lange Zeit habe ich Tools wie verwendet Eclipse- oder Aptana , kommen zu Einsatz spezialisierter Editoren in HTML / JavaScript und machen - auch - CSS. Seit einem Jahr, aber ich denke ich habe eine komplette Umgebung, die Endgültigkeit, zumindest in meinem Fall ist es all meine Probleme löst: PhpStorm .

Fortsetzung ...

WordPress: modifcare AdminBigWidth für Entwickler

AdminBigWidth ist ein Plugin für WordPress , dass der Arbeitsbereich der Verwaltung im Vollbildmodus können. Es ist ein sehr einfaches Plugin und trivial, in der Tat, seinen Code ist die Veränderung der CSS-Klasse .wrap :

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

Für diejenigen wie mich, die WordPress-Editor verwendet im HTML-Modus könnte nützlich sein, um einen nicht-proportionalen Schriftart wie Courier-Schrift anstelle der vorgeschlagenen voreingestellt. Auf diese Weise, zumindest für Entwickler, ist es einfacher, den Quellcode auszurichten. Dazu fügen Sie einfach, im Stil der AdminBigWidth , einen neuen Ansatz für CSS, die reflektiert, wenn der Editor im HTML-Modus befindet. Man könnte ein Plugin schreiben (zwei Linien), dies zu tun, aber es ist besser, einfach den Code verwenden AdminBigWidth , um so eine weitere Belastung durch die n-te Plugin zu vermeiden:

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');

Fortsetzung ...

EditArea: eine reiche Sourcecode Editor in Javascript

EditArea ist eine andere Art zu HTML-Bearbeitungsfunktionen erlaubt die Online-Nutzung. Diese Technik, die am häufigsten zu erstellen verwendet WYSIWYG-Editor , in diesem Fall wird verwendet, um eine echte Code-Editor geben.

EditArea

Eine regelmäßige textarea Feld ist zu einem echten Editor mit der Möglichkeit, den Text zu formatieren, Suchen und Ersetzen von Wörtern und erhalten einen Farbcode in Echtzeit umgewandelt. Zu den Features, die wir beachten:

  • Einfache Integration über eine einzige JavaScript-Skript und einem einzigen Aufruf einer Funktion der Patch.
  • Registerkarte Support
  • Suchen und Ersetzen mit regulären Ausdrücken
  • Unterstützung der Farbcode für PHP, CSS, JavaScript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck
  • Auto-Einrücken der neuen Linien
  • Nummerierung Zeilen Code
  • Mehrsprachige Unterstützung: Kroatisch, Dänisch, Englisch, Französisch, Deutsch, Italienisch, Japanisch, Polnisch, potoghese)
  • Unterstützung für gzip
  • Mehrere Instanzen
  • Vollbild
  • Die Größe des Fensters in Echtzeit
  • Möglichkeit, die Funktionen über Plugins erweitern
  • Speichern und Laden Rückruf
  • Die Arbeit mit Prototypen und mootools

Ein Beispiel, wie es zu benutzen:

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 des textarea zu transformieren
true , Start_highlight: true
"8" , FONT_SIZE: "8"
"verdana, monospace" , Font_family: "verdana, Monospace"
"y" , Allow_resize: "y"
false , Allow_toggle: false
"fr" , Sprache: "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, speichern, laden, |, Charmap, |, Suche, go_to_line, |, Undo, Redo, |, select_font, |, change_smooth_selection, Highlights, reset_highlight, |, zu helfen"
"my_load" , Load_callback: "my_load"
"my_save" , Save_callback: "my_save"
"charmap" , Plugins: "Charmap"
"arrows" , Charmap_default: "Pfeile"
});

Fortsetzung ...

FreeTextBox: Javascript HTML WYSIWYG Editor für ASP.NET

Bild FreeTextBox ist ein HTML-Editor in JavaScript geschrieben, für ASP.NET. Diese Version ist 4.0 Beta 1 kompatibel mit IE, Mozilla und Firefox auf allen Plattformen. Wie andere Editoren (siehe: WYSIWYG-Editor für das Web ) ermöglicht es Ihnen, das Aussehen und die Instrumente gesetzt. Obwohl für ASP.NET, unbehandelt Rahmen von mir, Bericht, den ich für seine Freundlichkeit. Allerdings sin, kommt in zwei Versionen: eine kostenlose und eine kostenpflichtige Version!

Bild

Fortsetzung ...

Aptana IDE Update: 9 Meilensteine

Es ist erhältlich, um das Update Aptana IDE , die Web-Entwicklungsumgebung, unterstützt Adobe AIR und Apple iPhone . Zu den Änderungen zählen die Verbesserung der Abschnitt mit dem Update der PHP-Code Assist-Funktionen auf beide Parameter. Auch verbesserte sich die "Farbe" des Codes. Zusätzliche Unterstützung für die neuesten Ajax-Frameworks wie prototype.js und jQuery . Auch eine verbesserte Verarbeitung von Javascript.

Bild

Für die vollständige Liste der neuen Features finden Sie hier .

Fortsetzung ...

Entwickeln von Adobe AIR-Anwendungen mit Aptana IDE

Adobe veröffentlicht AIR (früher unter dem Codenamen Apollo), die für Adobe Integrated Runtime steht, und dann, "Nachfolger" von Apollo. Sie können die Beta-Version am 11. Juni veröffentlicht hier herunterladen: AIR-Downloads

Gleichzeitig ist es ausgestellt , um 0.2.8.15171 Aptana IDE bauen Entwicklungsumgebung für außergewöhnliche Entwickler HTML, PHP, Rails, Javascript, und jetzt mit Unterstützung für AIR.

Die Aptana IDE ist ein freies, Open Source, Cross-Plattform-, JavaScript-fokussierten Entwicklungsumgebung für die Erstellung von Ajax-Anwendungen. Es verfügt über Code auf JavaScript, HTML und CSS Sprachen, FTP / SFTP-Unterstützung und einen JavaScript-Debugger unterstützen, um Ihren Code zu beheben.

Ein starker Konkurrent von Adobe Dreamweaver, zumindest für die Programmierer, da es eine kostenlose Software integriert, unter anderem mit sich Eclipse- . Geheimnisvoll, dann hat Adobe eine Erweiterung für die Adobe AIR-Anwendungen Dreamweaver CS3 nur bauen freigegeben, so dass Anwender der Version 8! Aptana ist daher eine ausgezeichnete Alternative zu Dreamweaver CS3, für diejenigen, die die Entwicklungs-Paket für Adobe AIR erleben wollen!

Doch in Aptana das Fehlen einer WYSIWYG-Umgebung, ausgezeichnet in Dreamweaver, das Potential abnimmt, wie bereits erwähnt vor allem in den Code gerichtet. Dreamweaver, insbesondere mit der Veröffentlichung von CS3, dann bietet ein komplettes und perfekt mit Flash CS3, Photoshop CS3 und anderen Adobe Creative Suite Werkzeuge der neuen, Funktion völlig abwesend in IDEs wie Aptana.

Die Aptana IDE ist comuqnue, ist spektakulär, verständlich und alle wichtigen Funktionen für einen Programmierer, Projektmanagement, Vorschauen auf Browser installiert, automatisch speichern, Datei-Vergleich, Zeilennummern, konfigurierbare Editor, Zusammenbruch des "Tagging "Embedded XML, High-Level-Debugger, Unterstützung italienischer und vieles mehr.

Gute Dokumenten-Management ermöglicht dynamischen Zugriff auf die W3C-Spezifikation und JavaScript-Bibliotheken (am besten als Web 2.0 Dojo, JQuery, Mootools, Yahoo (YUI) und Scriptaculous, alle in einer einzigen Umgebung integriert bekannt trotz ordnungsgemäßer Dokumentation wird direkt aus dem Netz genommen!

Aptana ist verfügbar für Windows (XP und Vista), Macintosh, Linux und Eclipse Plugin für. Viele Funktionen sind verfügbar auf der Website, einschließlich eines Aptana.tv .

Kurz gesagt, für diejenigen, die bereits entwickelt haben oder diejenigen, die Entwicklung von Anwendungen in Adobe AIR (wollen hier finden Sie ein Video-Tutorial zu beginnen Entwicklung Adobe AIR-Anwendungen finden ), ist Aptana eine funktionelle und komfortable, gut integriertes Netz, und auch durch Plugins begleitet und Erweiterungen, die teilweise für bestimmte Browser wie FireFox für die Fehlersuche.

Letzter Hinweis: Einige Funktionen, wie zum Beispiel das Plugin für AIR, erfordern die Installation des Java Runtime !

Fortsetzung ...

Weebly: Erstellen Sie Ihre Website Online

Wir sprachen oft über die Verwendung des Web Application (Web2.0) und wie die Software-Markt ist der Online-Anwendungen typischerweise auf unserer Maschine installiert zu bewegen. Letzte wichtiges Signal von Adobe (siehe Net Software ), die Freilassung will - oder beginnt zu sinken - eine Reihe von Software-online.

Heute habe ich Ihnen vorschlagen, ein wirklich tolles Tool, Weebly , die darauf abzielt, eine Website online, komplett mit Domain (tuoweb. weebly.com) und Werkzeuge für die Bearbeitung wirklich interessant zu schaffen. Sehen Sie das Video-Demo unten.


Wenn Sie nicht sehen, das Video hier klicken

Die Idee, natürlich, ist nicht neu, aber der Ansatz Weebly zeigt deutlich, warum kurz-, muss Adobe Photoshop online wird wirklich ein Schritt nach vorn. Neben der Nutzung dieses Dienstes bietet interessante Bearbeitungs-Tools wie RSS-Reader, Einbeziehung von Google Maps, Video-Eingang (aus verschiedenen Quellen) und mehr Leichtigkeit. Die Verwendung von Ajax und DHTML (Dynamic HTML) ist wirklich für eingesetzt, die macht die Arbeit der Bearbeitung einfach und für jedermann erschwinglich.
Der interessante Punkt, meiner Meinung nach, ist, dass wenn Sie ein Bild einfügen können Sie einen kleinen Editor für die tägliche Arbeit so vielfältig wie Crop abbiegen - Ernte - und Resize - Größe ändern.

Wir haben gerade ausgerollt ein paar neue Features: Sie können jetzt bearbeiten, zuschneiden, Größe ändern, anpassen und erweitern Sie Ihre Bilder in der neuen integrierten Bild-Editor Snipshot zeigen wir Ihnen eine Warnung (aber lassen Sie den Vorgang fortsetzen), wenn Sie einen sind nicht unterstützten Browser, veröffentlichten wir einige kleine Updates für die Themen, und ein paar andere kleine Änderungen und Fixes.

Das grundlegende Problem liegt hier. Eine kurze Werkzeuge wie Weebly können Bildbearbeitungsprogramm wie Adobe Photoshop, der die Tätigkeit des Web Design Online-Bearbeitung der traditionellen machen wird.
Natürlich ist dies nur ein Teil dessen, was geschehen könnte; Editor Video, Audio und Text sind die nächsten zu fortgeschrittenen gewaltsam online eingeben!

Fortsetzung ...